@import"https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";header{display:flex;justify-content:space-around;align-items:center;background-color:var(--color-bg);width:max(600px,80%);min-height:100px;margin:auto;height:80px;border-radius:17px 17px 0 0}header>main{display:flex;justify-content:center;align-items:center;gap:10px;background-color:transparent}.titleHeader{font-family:var(--font-title);color:var(--color-first)}header>nav>ul{display:flex;justify-content:center;align-items:center;gap:40px}.link,.link>a{font-family:var(--font-paragraph);color:var(--color-second);text-decoration:none;transition:all .3s}header>section{display:flex;justify-content:center;gap:5px;color:var(--color-second);font-family:var(--font-paragraph)}.btnLanguage{cursor:pointer;transition:all .3s}.btnLanguage.selecioned{font-weight:600;padding:0 5px}.btnLanguage:first-child{border-right:1px solid #fefefe}.links{display:flex;flex-direction:column;justify-content:center;align-items:end;gap:10px}.links>.link,.links>.link>a{font-family:var(--font-paragraph);color:var(--color-second);text-decoration:none;transition:all .3s}.link:hover,.link:hover>a{color:#99fede;text-shadow:0 0 7px #0000009e}.link:active,.link:active>a{color:#1fedab}.modal{display:none}.modal.open{display:block;position:fixed;top:20px;right:20px;background-color:#0000006f;z-index:1000;display:flex;flex-direction:column;padding:10px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal>svg{align-self:flex-end;padding:10px}.image{display:flex;align-items:center;justify-content:center;width:80%}.image-main{width:clamp(250px,60%,800px);align-self:center;justify-self:center}.main-content{display:flex;flex-direction:column;justify-content:space-evenly;width:clamp(200px,50%,600px);min-height:400px;padding:0 30px}.main-content>h1{font-family:var(--font-title);color:var(--color-second);font-size:2.3rem;font-weight:400}.main-content>p{font-family:var(--font-paragraph);color:var(--color-third);letter-spacing:1px;width:max(150px,100%)}.main-content>h2{width:100%;font-family:var(--font-paragraph);color:var(--color-second);font-weight:400}.main-content>div{width:100%;display:flex;flex-direction:column;color:var(--color-third);font-family:var(--font-paragraph);gap:10px}.main-content>a{color:#0c0c0c;font-family:var(--font-paragraph);padding:5px 10px;width:180px;max-height:32px;text-align:center;background-color:var(--color-first);font-weight:700;border:none;outline:none;border-radius:5px;box-shadow:0 0 7px #0c0c0cab;cursor:pointer;font-size:16px;margin-bottom:50px;text-decoration:none}.main-content>a:active{background-color:#17a258}.right-content{display:flex;flex-direction:column;justify-content:center;width:clamp(200px,60%,500px);min-height:450px;padding:0 30px}.job{display:flex;flex-direction:column}.job>h2{padding-bottom:50px;font-family:var(--font-title);color:#fefefe;font-weight:400}.job>p{color:var(--color-third);font-family:var(--font-paragraph)}.icons{display:flex;justify-content:space-evenly;align-items:center;width:100%;color:var(--color-second);height:32px}.icon{color:#fefefe;cursor:pointer}.home-container{display:flex;width:80%;height:850px;margin:auto;background-color:var(--color-bg);align-items:center;justify-content:space-between;border-bottom:1px solid #69696982}.desc{display:flex;justify-content:space-around;align-items:center;width:100%;min-height:400px;background-color:var(--color-bg);margin:auto;padding:30px 0}.desc>.text{width:70%;min-height:300px;color:#f1f1f1;font-family:var(--font-paragraph);letter-spacing:1px;inline-size:30%;text-align:justify;font-size:18px}.desc>.profile{width:300px;height:300px;border-radius:50%}.about-container{display:flex;flex-direction:column;justify-content:center;width:80%;height:100%;background-color:var(--color-bg);margin:auto;padding:30px 0;border-bottom:1px solid #69696982}.about-container>h1{font-family:var(--font-title);color:#fefefe;padding:15px 30px;font-weight:400}.project{max-height:250px;width:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}.project>.title{font-family:var(--font-title);color:#fefefe;font-weight:400;padding-bottom:10px}.project-img{width:250px;max-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 7px #00000084;border-radius:15px;transition:.3s}.project-img:hover{box-shadow:0 0 7px #4d4d4d}.project-img>.img{max-width:250px;min-height:180px;border-radius:15px;transform:translateY(30px)}.project-img>.link{display:flex;align-items:center;justify-content:center;width:100%}.project-img>.link>a{font-family:var(--font-paragraph);color:#1bca6d;font-weight:400;display:flex;align-items:center;justify-content:center;gap:10px;background-color:#333448ad;height:30px;position:relative;top:-15px;width:100%;z-index:1;border-radius:0 0 15px 15px}.project>.desc-project{font-family:var(--font-paragraph);color:var(--color-third);font-weight:400;padding-bottom:10px;font-style:italic}.list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:90%;height:auto;background-color:var(--color-bg)}.projects-container{display:flex;flex-direction:column;width:80%;margin:0 auto;background-color:var(--color-bg);align-items:center;justify-content:space-around;border-bottom:1px solid #69696982}.projects-container>.title{font-family:var(--font-title);color:#fefefe;padding:15px 30px;height:auto;font-weight:400;align-self:flex-start}.carrousel-wrapper{overflow:hidden;width:80%;background-color:var(--color-bg);border-bottom:1px solid #69696982;margin:auto}.carrousel-container{display:flex;width:600%;animation:carrouselAnimation 20s linear infinite}.carrousel{flex:1 0 auto;font-size:3rem;padding:1rem;display:flex;align-items:center;justify-content:center}@keyframes carrouselAnimation{0%{transform:translate(0)}to{transform:translate(-100%)}}.contact{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:80%;height:450px;margin:auto;padding-bottom:30px;background-color:var(--color-bg);border-bottom:1px solid #69696982}.contact>.title{font-family:var(--font-title);color:#fefefe;padding:15px 30px;font-weight:400;align-self:flex-start}.contact-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;font-family:var(--font-paragraph);color:#fefefe;gap:20px}.contact-content>p{font-size:1em;width:100%;text-align:center}.contact>.circular-text{align-self:self-start;z-index:1;color:#fefefe;font-family:var(--font-paragraph)}.circular-text{position:relative;width:200px;height:200px;border-radius:50%;display:flex;justify-content:center;align-items:center}.circular-text__char{position:absolute;transform-origin:center center}.footer{display:flex;justify-content:space-evenly;align-items:center;width:80%;margin:auto;padding-bottom:30px;font-family:var(--font-paragraph);color:var(--color-third);font-weight:400;background-color:var(--color-bg);border-radius:0 0 17px 17px;z-index:1000}@media only screen and (max-width: 768px){body{text-align:center}header{display:flex;width:80%;align-content:center;justify-items:center}header>main{width:80%}header>nav{width:20%}.home-container{justify-content:center;align-items:center;flex-wrap:wrap;height:500px}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;min-height:200px;padding:0 30px}.main-content>p{display:none}.right-content{display:none}.about-container{display:grid;grid-template-columns:repeat(1,1fr)}.about-container>.desc{flex-wrap:wrap;width:90%;padding:30px 0;justify-content:center}.about-container>.desc>.text{width:90%;height:inherit}.about-container>.desc>.profile{width:90%;height:inherit}.projects-container>.list{display:grid;grid-template-columns:repeat(1,1fr);justify-items:center;width:100%;height:inherit;gap:60px}.contact-content>p{font-size:14px}.circular-text{display:none}}body{margin:0;padding:0;background-color:#222433}.App{background-color:#222433;width:100%;display:flex;height:auto;flex-direction:column;justify-content:center;align-items:center;position:relative}.border-left{width:10%;min-height:100%;background-color:#222433;position:absolute;top:0;left:0;z-index:10}.border-right{width:10%;min-height:100%;background-color:#222433;position:absolute;top:0;right:0;z-index:10}:root{--font-title: "Montserrat Alternates", sans-serif;--font-paragraph: "Montserrat", sans-serif;--color-first: #1bca6d;--color-second: #fefefe;--color-third: #B6B6B6;--color-bg: #333448}