@import"https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap";@import"https://fonts.googleapis.com/css2?family=Big+Shoulders+Inline+Display:wght@300&family=Source+Code+Pro&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}.app{height:100%}.button__pritingtopdf{padding:10px 20px;margin-left:45%;margin-bottom:20px;border:transparent;background:#3f4d70;color:#fff;font-weight:600;letter-spacing:3px;border-radius:10px;cursor:pointer;transition:background .75s}.button__pritingtopdf:hover{background:#a4b0cc}.wave{position:relative;height:70px;width:100%;background:#a0a0a0;margin:0 auto}.wave:before{content:"";display:block;position:absolute;border-radius:100% 50%;width:57%;height:80px;background-color:#fff;left:0;top:27px}.wave:after{content:"";display:block;position:absolute;border-radius:100% 50%;width:51%;height:50px;background-color:#a0a0a0;right:0;top:40px}@media screen and (max-width: 850px){.app__container{width:100%}}@media screen and (max-height: 700px){.app__container{width:100%}}.cookie a,.cookie a:visited{color:#fff;transition:color .75s ease-in}.cookie a:hover{color:#000}.cookiesInfo{padding:20px 30px;text-align:justify}.cookiesInfo__header{display:flex;align-items:center;justify-content:center;margin-top:60px}.cookiesInfo h2{text-align:center;padding-bottom:10px;margin-right:20px;color:#000;padding-top:0}.cookiesInfo p{padding-top:10px;padding-bottom:10px;font-weight:600}.header{z-index:999;padding-top:60px}.header__container{display:flex;justify-content:space-between;flex-wrap:wrap-reverse;padding:20px 30px;background-color:#3f4d70;background:url(/assets/background-CT2FUtq_.svg);background-repeat:no-repeat;background-size:cover;color:#fff;width:100%;position:fixed;top:0;height:110px;z-index:4}.header__left{z-index:1;text-shadow:2px 2px 2px #000000}.header h1{font-size:clamp(4vw,3rem,6vw);letter-spacing:4px;padding-top:20px}.header h1>span{font-size:clamp(2vw,1.5rem,3vw);letter-spacing:1px;font-family:ZCOOL KuaiLe,cursive}.header__skills{font-size:3rem;width:25%;display:flex;justify-content:space-between}.header__skillOne{color:red}.header__skillTwo{color:#00f}.header__skillThree{color:orange}.header__skillFour{color:#6464fd}.header__skillFive{color:gray}@media screen and (max-width: 885px){.header__skills{width:100%;display:flex;justify-content:space-between;margin-bottom:-50px}}.changelanguage{position:fixed;top:5px;left:10px;z-index:999}#main__container{overflow:scrollY;background-color:#a4afcc}.main__container{width:80%}.main__middle{background:url(/assets/background-CT2FUtq_.svg);background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 850px){.main__container{width:100%}}@media screen and (max-height: 700px){.main__container{width:100%}}.navbar{width:20%;position:fixed;right:0;color:#fff;top:85px;z-index:2;height:100%;z-index:5}.navbar img{width:100%;height:auto}.navbar__link{display:flex;align-items:center;width:100%;height:100%;color:#fff;text-decoration:none;padding-left:20px;background:#3f4d70;transition:all .5s linear}.navbar a:hover{background:#1f2136}.navbar__icon{background-color:#161827;padding:10px 20px;display:flex;justify-content:center;align-items:center}.navbar__icon svg{transition:color .75s ease-in-out}.navbar__icon svg:hover{color:gray;cursor:pointer}.navbar__list{background-color:#161827;list-style-type:none;height:100%}.navbar__list>li{height:85px;font-size:clamp(.8rem,1.2rem,1.5rem);font-weight:600;display:flex;align-items:center;background:transparent;margin-bottom:5px;letter-spacing:3px;transition:all .5s linear;cursor:pointer}.navabar__activeLink{background:#1f2136}.navbar__lastLink{padding-top:20px}.navbar__horizontal{height:200px}.navbar__vertical{height:100%}.navbar__null{height:0}.navbar--visible{height:100%}.navbar--hidden{height:0px}@media screen and (max-width: 850px){.navbar{width:100%;top:110px;left:0}.navbar__list{transition:transform .75s ease;width:100%;visibility:hidden;transform-origin:right;transform:scaleX(0)}}@media screen and (max-height:700px){.navbar{width:100%;height:150px!important}.navbar__list{display:flex;justify-content:space-around;flex-wrap:wrap;visibility:hidden;transform-origin:top;transform:scaleY(0)}.navbar ul>li{width:30%;height:60px}}.home{width:100%;background-image:url(/assets/background-home-DFL73UCJ.jpg);background-attachment:fixed}.home__container{height:100%;background-color:#161827c7;color:#fff;padding-bottom:60px;padding-top:60px}.home__bottom{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center;text-align:justify}.home__bottom>div{width:40%;line-height:30px;font-size:1.2rem}.home__bottom>img{width:30%;height:auto;border-radius:10px;object-fit:contain;box-shadow:5px 5px 15px 5px #5a71aa}@media screen and (max-width: 850px){.home h3{padding-top:150px}}@media screen and (max-width: 680px){.home h3{padding-top:130px}}@media screen and (max-width: 500px){.home__bottom>div{width:90%}.home__bottom>img{width:50%}}.title{color:#fff;font-size:3rem;text-align:center;padding-top:60px;letter-spacing:5px}@media screen and (max-width:500px){.title{font-size:2rem}}.skills__container{display:flex;justify-content:space-around;flex-wrap:wrap;padding-top:50px}.skills__link{text-align:center;padding:30px 30px 0;font-size:1rem;font-family:Source Code Pro,monospace}.skills__link a{text-decoration:none;color:#fff;text-shadow:2px 2px 2px #000000;transition:all .75s ease}.skills__link a:hover{color:#3f4d70;text-shadow:2px 2px 2px #ffffff}.skill{width:30%;padding:20px 30px;background-color:#4949fd;border-radius:20px}.skill__title{font-size:1.5rem;font-weight:600;padding-bottom:10px;color:#26242c;text-shadow:0px 0px .5em #ffffff;border-bottom:2px solid #26242c}.skill__content{font-size:1.2rem;color:#fff;line-height:2rem}@media screen and (max-width: 830px){.skill{width:40%;margin-bottom:10px}.skill__title{font-size:1.5rem}}@media screen and (max-width: 600px){.skill{width:90%}.skill__title{font-size:2rem}}.information{margin-top:50px;display:flex;justify-content:center}.information button{cursor:pointer;font-size:1.2rem;margin:10px;padding:20px 30px;text-align:center;text-transform:uppercase;letter-spacing:3px;transition:.5s;background-size:200% auto;color:#fff;box-shadow:0 0 20px #eee;border-radius:10px;background-image:linear-gradient(to right,#fbc2eb,#a6c1ee 51%,#fbc2eb)}.information button:hover{background-position:right center}.projects{padding-bottom:60px}.projects h3{padding-top:0}.projects__container{padding-bottom:30px;display:flex;justify-content:space-around;flex-wrap:wrap;padding-top:40px}.projects__bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}.projects__bottom svg{color:#fff;transition:transform .5s ease-in}.projects__bottom div:hover svg{transform:translateY(30px)}.projects__bottom>div{width:60px;cursor:pointer}.projects__bottom a{color:#fff;font-size:1.5rem;padding-top:10px;font-weight:600;text-decoration:none}.project{background-color:#fafafa60;padding:10px 0;border-radius:10px;width:40%;color:#3f4d70;margin-bottom:10px}.project a{text-decoration:none;color:#3f4d70;font-weight:600}.project__top{font-size:36px;display:flex;flex-flow:column wrap;justify-content:center;align-items:center}.project__top p{font-size:1.2rem;font-weight:600;letter-spacing:1px;text-align:center}.project__top span{padding-right:20px}.project__image{width:100%;height:auto;transition:all .75s ease-in-out;cursor:pointer;padding-top:20px}.project__image:hover{border-radius:50px}.project__links{display:flex;cursor:pointer;font-size:1.2rem;font-weight:600;padding-top:20px}.project__links a,.project__hover{transition:transform .75s ease-in-out}.project__links a:hover{transform:scale(1.5)}.project__description{padding:15px;letter-spacing:1px;font-size:1.1rem;text-align:justify}.project__hover:hover{transform:scale(1.5)}.project__alignJustify{justify-content:space-around}.project__alignCenter{justify-content:center}@media screen and (max-width: 600px){.project{width:90%}}.socialmedia{padding-top:60px;padding-bottom:60px;display:flex;justify-content:space-around;align-items:center;font-size:3rem;background-color:#3f4d70;color:#a4b0cc}.socialmedia__container{width:40%;display:flex;flex-flow:row wrap;justify-content:space-around;font-size:4rem}.socialmedia a{color:#d3d3d3}.socialmedia svg{transition:transform .5s ease-in}.socialmedia>.socialmedia__container svg:hover{transform:scale(1.5)}.socialmedia__left>svg{animation:moveRight 2s ease infinite}.socialmedia__right>svg{animation:moveLeft 2s ease infinite}@keyframes moveRight{0%{transform:translate(0)}50%{transform:translate(60px)}0%{transform:translate(0)}}@keyframes moveLeft{0%{transform:translate(0)}50%{transform:translate(-60px)}0%{transform:translate(0)}}.contact{padding:20px 30px;background:url(/assets/background-CT2FUtq_.svg);background-repeat:no-repeat;background-size:cover;color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:3px;display:flex;justify-content:space-around;align-items:center}.contact a{color:#fff}.contact__left{width:50%}.contact_right{font-size:3.5rem;width:50%;display:flex;justify-content:space-around;flex-wrap:wrap}@media screen and (max-width: 450px){.contact{font-size:1rem}.contact_right{font-size:2rem}}