nav{height:22vh;width:100%;display:flex;justify-content:space-evenly;align-items:center;font-family:var(--DMsans);animation:FadeInTop 1s}nav h1{font-size:40px;letter-spacing:8px;font-weight:600}nav ul{display:flex;align-items:center;gap:100px}nav ul li a{color:#000;font-size:20px}@media only screen and (max-width: 575.98px){nav{flex-direction:column}nav ul{gap:50px}nav ul li a{font-size:16px}}.button{border-radius:100px;font-size:20px;border:2px solid white;font-family:var(--DMsans);width:var(--width);height:var(--height)}.button.primary{background:none;color:var(--color-theme);border:2px solid var(--color-theme)}.button.secondary{background-color:var(--color-theme);color:#fff;font-family:var(--redhat);border:none;font-size:24px;border:2px solid var(--color-theme)}.button.secondary:hover{background-color:var(--dk-theme-background-soft)}.button.secondary:disabled,.button.secondary:active{background:none;color:var(--dk-subtext-color)}.button.submit{background:#fff;color:var(--dk-theme-background-soft)}.button.submit:disabled,.button.submit:active{background:none;color:var(--dk-subtext-color)}@media only screen and (max-width: 575.98px){.button{font-size:16px;width:100px;height:40px}.button.secondary{font-size:18px;width:200px;height:50px}}footer{background-color:var(--dk-theme-background-soft);min-height:450px;padding:5% 5% 20px;width:100%;color:#fff}footer .row-top{display:flex;flex-wrap:wrap;height:90%;border-bottom:2px solid;padding-bottom:20px}footer .row-top .info,footer .row-top .contact,footer .row-top .send-mail{display:flex;flex-direction:column;align-items:center}footer .row-top .info{width:230px}footer .row-top .info h1{font-size:40px}footer .row-top .info h2,footer .row-top .info h3{color:var(--dk-subtext-color);padding-bottom:20px}footer .row-top .info h3{font-weight:500;font-size:24px}footer .row-top .info h4{font-size:25px;word-break:break-all;margin-bottom:40px}footer .row-top .info p{text-align:justify}footer .row-top .contact{padding-top:30px}@media only screen and (max-width: 575.98px){footer .row-top .info{width:100%}footer .row-top .send-mail{width:100%;min-width:0px;padding-top:40px}footer .row-top .contact{padding-top:40px}}footer .row-bottom{padding-top:20px}.send-mail{width:60%;min-width:600px;padding:0 60px 20px}.send-mail p{text-align:center;font-size:28px;font-weight:300;padding-bottom:10px}.send-mail form .fields{display:flex;flex-wrap:wrap}.send-mail form .small{margin-right:20px}.send-mail form .input{display:flex;flex-direction:column;min-width:280px;padding-bottom:40px;position:relative}.send-mail form .input span{bottom:20px;position:absolute;color:#f49999}.send-mail form .input label{color:var(--dk-subtext-color);font-size:20px}.send-mail form .input input,.send-mail form .input textarea{background:none;border:none;color:#fff;border-bottom:2px solid;padding:5px;font-size:16px}.send-mail form .input input:focus,.send-mail form .input textarea:focus{outline:none;border-bottom:2px solid var(--color-theme)}.send-mail form .input textarea{resize:none;min-height:80px;height:83%}.card{display:flex;flex-direction:column;align-items:center;height:280px;width:320px;padding:30px}.card div{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.card h5{font-size:28px;width:250px;text-align:center;padding-bottom:15px}.card hr{border:2px solid var(--color-theme);width:100px;transition:.5s}.card span{text-align:center}.card svg{font-size:50px;color:var(--color-theme);margin-bottom:30px}.image-card{height:630px;width:405px;position:relative;color:#fff!important}.image-card:hover img{filter:grayscale(0) brightness(.8)}.image-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.image-card div{position:absolute;top:40%}.image-card hr{border:2px solid white}.image-card a{margin-top:30px;color:#fff;border:4px solid white;padding:10px 20px;font-size:20px}.image-card a:hover{opacity:1;background-color:#fff;color:#000}.imageCard{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:20px}.imageCard:hover img{filter:brightness(.3) grayscale(1)}.imageCard:hover .information{opacity:1}.imageCard img{width:400px;height:400px;object-fit:cover}@media only screen and (max-width: 575.98px){.imageCard img{width:90vw;height:90vw}}.imageCard .information{position:absolute;opacity:0;width:80%;color:#fff}.imageCard .information h4{font-size:28px}.imageCard .information span{font-size:14px;color:#a3a3a3}.App{display:flex;flex-direction:column;align-items:center}main{max-width:1900px;width:100%}main .land-info{display:flex;height:670px;position:relative}main .land-info div{width:50%;position:relative}main .land-info div .my-image,main .land-info div .vetor{max-width:600px;width:50dvw;position:absolute;bottom:0}main .land-info div .vetor{left:-140px;z-index:-10}main .land-info div h2{margin-top:100px;color:var(--subtext-color);font-size:32px;font-weight:500;animation:ItemFadeInRight 1s}main .land-info div h1{font-size:44px;font-weight:600;margin-bottom:30px;max-width:510px;animation:ItemFadeInRight 2s}main .land-info div p{color:var(--color-theme);padding-bottom:60px;max-width:510px}main .land-info ul{position:absolute;bottom:100px;right:50px;display:flex;flex-direction:column;align-items:end;gap:20px}main .land-info ul li{margin-bottom:10px}main .land-info ul li a{display:flex;align-items:center;text-decoration:none;font-size:24px;color:#000}main .land-info ul li a:hover{opacity:1}main .land-info ul li a:hover svg{margin-left:15px}main .land-info ul li a:hover span{max-width:200px;padding:5px 20px}main .land-info ul li a svg{transition:margin .3s ease-in-out}main .land-info ul li a span{display:inline-block;max-width:0;overflow:hidden;transition:max-width .3s ease-in-out,padding .3s ease-in-out;white-space:nowrap;margin-right:10px;background:var(--dk-theme-background-soft);color:#fff;font-size:18px;padding:0}@media only screen and (max-width: 575.98px){main .land-info{flex-direction:column;text-align:center;height:830px}main .land-info div{width:100%}main .land-info div h2{margin-top:40px}main .land-info .image{position:absolute;bottom:0}main .land-info .image img{left:0}main .land-info .image img.my-image{width:350px}main .land-info .image img.vetor{width:350px}}main section{width:100%;background-color:#fff;position:relative;bottom:5px;padding:50px}@media only screen and (max-width: 575.98px){main section{padding:0;display:flex;flex-direction:column;align-items:center}}main section h1{text-align:center;font-size:36px;font-family:var(--DMsans);letter-spacing:8px;font-weight:500;padding:60px 0}main section p:hover{opacity:.7}main section .cards{display:flex;justify-content:space-around;margin-bottom:70px}@media only screen and (max-width: 575.98px){main section .cards{flex-direction:column;margin-bottom:40px}main section .cards .image-card{width:100%;height:600px;padding:0 0 20px}}main section .langs{flex-wrap:wrap;justify-content:center;padding:0 2%}main section .langs .card{width:250px;height:230px}main section .langs .card hr{display:none}.gallery{width:100%}.gallery .menu{display:flex;justify-content:space-around}@media only screen and (max-width: 575.98px){.gallery .menu{flex-direction:column;align-items:center;gap:30px}}.gallery .images{display:flex;padding:15dvh 50px 200px;justify-content:space-evenly;flex-wrap:wrap}.gallery .images p{font-size:28px;text-align:center;width:100%;padding-top:50px}.contact{display:flex;position:relative;width:100%}.contact .image{width:50%}.contact .image img{width:60%;max-width:650px;position:absolute;bottom:0}.contact .image .vetor{position:absolute;bottom:-10px;left:-100px;z-index:-1;width:50%}.contact .contact-form{width:50%;height:80vh}.contact .contact-form .send-mail{width:100%;min-width:none;height:100%}.contact .contact-form .send-mail .mailer{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;animation:ItemFadeInRight 1s}.contact .contact-form .send-mail .mailer input,.contact .contact-form .send-mail .mailer textarea{width:100%;border-bottom:2px solid var(--color-theme);color:#000}.contact .contact-form .send-mail .mailer .input,.contact .contact-form .send-mail .mailer .small{width:100%}.contact .contact-form .send-mail .mailer .fields{max-width:400px}.contact .contact-form form{padding:50px;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 575.98px){.contact .image{display:none}.contact .contact-form{width:100%;height:fit-content;padding-top:40px}.contact .contact-form .send-mail{min-width:0}.contact .contact-form .send-mail form{padding:10px 0 50px}}.projects h1{text-align:center;font-weight:600;padding:60px}.projects .projects-container{display:flex;padding:0 100px 80px;flex-wrap:wrap;justify-content:space-evenly}.projects .projects-container .project{background-color:#fff;width:100%;max-width:500px;margin:10px 0}.projects .projects-container .project img{width:100%;height:250px;object-position:left;object-fit:cover}.projects .projects-container .project .texts{padding:30px}.projects .projects-container .project .texts h2{margin-bottom:10px}.projects .projects-container .project .links{padding:20px;height:80px}.projects .projects-container .project .links a{color:var(--color-theme);border:2px solid;padding:10px;margin-right:20px}.projects .projects-container .project .links a:hover{opacity:1;background-color:var(--color-theme);color:#fff}@media only screen and (max-width: 575.98px){.projects .projects-container{padding:0 20px 80px}.projects .projects-container .project{max-width:100%}}.about{display:flex;padding-bottom:30px}.about .text{width:50%}.about .image{width:45%}.about .vertical-line{width:3px;margin-top:30px;margin-bottom:30px;background-color:#6d5d6e3d}.about .text,.about .my-image{padding:20px 60px 50px}.about .text img,.about .my-image img{width:100%;height:100%;max-width:400px;max-height:400px;object-fit:cover}.about .text h1,.about .my-image h1{font-size:48px;letter-spacing:5px;font-weight:600}.about .text h2,.about .my-image h2{font-size:32px;color:#6d5d6e;font-weight:400;padding:40px 0}.about .text p,.about .my-image p{padding-bottom:20px;font-size:18px;font-weight:200}.about .text a,.about .my-image a{font-weight:400;color:var(--subtext-color)}.about .text{padding-left:120px}@media only screen and (max-width: 575.98px){.about{flex-direction:column-reverse}.about .text,.about .my-image{width:100%;padding:20px}.about .text img,.about .my-image img{border-radius:100%}}*{margin:0;padding:0;box-sizing:border-box;transition:.2s}:root{--theme-color: #4F4557;--dk-theme-background: #25242A;--dk-theme-background-soft: #393646;--dk-color-theme: #56FAF0;--dk-subtext-color: #7D7D7D;--theme-background: #F4EEE0;--theme-background-soft: white;--color-theme: #594671;--subtext-color: #25242A;--redhat: "Red Hat Display", sans-serif;--DMsans: "DM Sans", sans-serif}body{font-family:var(--redhat);background:var(--theme-background);overflow-x:hidden}ul{list-style:none}a{text-decoration:none}a:hover{opacity:.5}button{cursor:pointer}@keyframes ItemFadeInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes FadeInTop{0%{transform:translateY(-100px);opacity:.5}to{transform:translateY(0);opacity:1}}