@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Regular.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Medium.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-SemiBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}.header{display:flex;justify-content:space-between;align-items:center;padding:2.5rem 1rem;background-color:#dfe7ff;width:100%;height:10vh}@media (min-width: 768px){.header{padding:3rem 1rem}}.header__logo{display:flex}.header__logo-img{width:4.5rem}@media (min-width: 768px){.header__logo-img{width:5rem}}.header__lines{display:flex;flex-direction:column;cursor:pointer}.header__lines:hover{opacity:80%}.header__lines-line{width:25px;height:2px;background-color:#3361e1;margin:4px 0}@media (min-width: 768px){.header__lines{display:none}}.header__nav{position:fixed;top:0;right:-100%;width:70%;height:100%;background-color:#fff;transition:right .3s ease;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1rem;z-index:3}@media (min-width: 768px){.header__nav{position:static;flex-direction:row;justify-content:flex-end;align-items:center;background-color:#dfe7ff}}.header__nav.open{right:0}.header__nav ul{display:flex;flex-direction:column;gap:32px;list-style-type:none;padding:1.5rem 0rem}.header__nav ul li{display:inline;transition:opacity .3s ease}.header__nav ul li a{text-decoration:none;color:#3361e1}.header__nav ul li:hover{opacity:80%;text-decoration:underline #3361e1}@media (min-width: 768px){.header__nav ul{flex-direction:row;gap:1.5rem}}.header__nav-icon{display:flex;flex-direction:row;justify-content:flex-end;width:100%}@media (min-width: 768px){.header__nav-icon-close svg{display:none}}.header__nav-icon-close svg:hover{opacity:80%}.header__nav-resume{all:unset;border:1px solid #3361e1;border-radius:.5rem;color:#3361e1;cursor:pointer;transition:background-color .3s ease;padding:.5rem 1rem}.header__nav-resume:hover{border-color:#3361e1;background-color:#3361e1;color:#fff}@media (min-width: 768px){.header__nav-resume{margin-left:20px}}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Regular.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Medium.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-SemiBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}.typewrite>.wrap{border-right:.08em solid #7791d8;white-space:nowrap;overflow:hidden;display:inline-block}#tsparticles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Regular.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Medium.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-SemiBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}.home{color:#dfe7ff;padding:3rem 1rem;display:flex;flex-direction:column;gap:.5rem;position:relative;width:100%}@media (min-width: 768px){.home{padding:10rem 5rem;gap:1rem}}@media (min-width: 1280px){.home{padding:12rem 5rem}}.home__typing{height:40px}.home__social{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;width:100%}@media (min-width: 768px){.home__social{gap:1.5rem}}.home__social-link{cursor:pointer}.home__social-link-img{width:1.875rem}@media (min-width: 768px){.home__social-link-img{width:2.5rem}}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Regular.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Medium.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-SemiBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}.about{display:flex;flex-direction:column;width:100%;color:#3361e1;padding:1.5rem 1rem 1rem}@media (min-width: 768px){.about{padding:3rem 2rem}}@media (min-width: 1000px){.about{padding:3rem 5rem}}.about__title{padding-bottom:1.5rem}@media (min-width: 768px){.about__title{padding-bottom:2rem}}@media (min-width: 1280px){.about__title{padding-bottom:3rem}}.about__component{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}@media (min-width: 1000px){.about__component{flex-direction:row-reverse}}@media (min-width: 1280px){.about__component{padding:0rem 7rem 3rem}}.about__component-image{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:260px;height:260px;margin-bottom:1.5rem;flex:1}@media (min-width: 768px){.about__component-image{width:50vw}}.about__component-image-item{border-radius:8px;box-shadow:0 4px 8px #000000b3;width:300px;height:300px;flex:1}.about__component-description{flex:1}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Regular.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Medium.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-SemiBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}.projects{display:flex;flex-direction:column;width:100%;color:#3361e1;padding:1rem}@media (min-width: 768px){.projects{padding:1.5rem 2rem}}@media (min-width: 1000px){.projects{padding:1.5rem 5rem}}.projects__component{display:flex;flex-direction:column}.projects__component-item{padding-bottom:1.5rem}.projects__component-item-title-wrapper{display:flex;justify-content:center}.projects__component-item-title{padding-bottom:1rem;padding-top:1.5rem;color:#7791d8}.projects__component-item-presentation{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 768px){.projects__component-item-presentation{flex-direction:row;width:100%;gap:1.5rem}}.projects__component-item-presentation-video{border-radius:.5rem}@media (min-width: 768px){.projects__component-item-presentation-video{width:50%;max-width:470px}}.projects__component-item-presentation-description{margin-top:1rem}@media (min-width: 768px){.projects__component-item-presentation-description{width:50%;max-width:500px}}.projects__component-item-presentation-description-explanation{background-color:#dfe7ff;border-radius:.5rem;padding:1rem}.projects__component-item-presentation-description-tools{padding-top:.5rem}.projects__component-item-presentation-description-url{padding-left:.25rem;text-decoration:none;color:#3361e1}.projects__component-item-presentation-description-url:hover{opacity:80%}.projects__show{display:flex;justify-content:center;align-items:center;width:100%}.projects__show-button{all:unset;display:flex;justify-content:center;align-items:center;background-color:#3361e1;padding:.75rem 1rem;border-radius:.5rem;color:#fff;font-size:1rem;transition:opacity .3s ease;width:100%;margin-top:1rem}@media (min-width: 768px){.projects__show-button{width:400px;margin-top:3rem}}.projects__show-button:hover{opacity:80%}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Regular.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Medium.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-SemiBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}.skills{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1rem}@media (min-width: 768px){.skills{padding:3rem 2rem}}@media (min-width: 1000px){.skills{padding:3rem 5rem}}.skills__title{color:#3361e1;padding-bottom:1.5rem}@media (min-width: 768px){.skills__title{padding-bottom:2rem}}@media (min-width: 1280px){.skills__title{padding-bottom:3rem}}.skills__component{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center;justify-content:center}@media (min-width: 520px){.skills__component{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px){.skills__component{grid-template-columns:repeat(5,1fr);padding-bottom:3rem}}@media (min-width: 850px){.skills__component{grid-template-columns:repeat(7,1fr)}}@media (min-width: 1280px){.skills__component{padding:0rem 15rem 3rem}}.skills__component-item{height:100px;width:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.skills__component-item-icon svg{width:30px;height:30px;fill:#3361e1}@media (min-width: 768px){.skills__component-item-icon svg{width:35px;height:35px}}.skills__component-item-text{min-height:40px;display:flex;align-items:center;justify-content:center;color:#3361e1}.skills__sentence{display:flex;flex-direction:row;justify-content:center;width:100%;padding:1rem 0rem}@media (min-width: 768px){.skills__sentence{flex-direction:row-reverse;justify-content:flex-start}}.skills__sentence-text{color:#3361e1}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Regular.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Medium.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-SemiBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#3361e1;color:#fff;border-radius:.5rem;width:90%;position:absolute;top:-15%;left:50%;transform:translate(-50%);padding:2rem;z-index:2}.contact__title{font-size:2rem;margin-bottom:1rem}.contact__text{text-align:center;margin-bottom:1rem}.contact__button{border:#121930 solid .0625rem;padding:.75rem 1rem;border-radius:.5rem;color:#fff;font-size:1rem;text-decoration:none;transition:background-color .3s ease}.contact__button:hover{background-color:#dfe7ff;color:#3361e1}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Regular.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-Medium.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(./assets/fonts/Raleway-SemiBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}*{font-family:Raleway,Helvetica,Arial,sans-serif;font-weight:500;font-size:1.125rem;line-height:1.5rem}* .small{font-size:.875rem}* .bold{font-weight:800}@media (min-width: 768px){* .small{font-size:1rem}}h1{font-size:2.25rem;line-height:2.5rem;font-weight:800}@media (min-width: 768px){h1{font-size:3rem;line-height:2rem}}h2{font-size:1.5rem;line-height:2rem;font-weight:500}h3{font-size:1.25rem;line-height:1.75rem;font-weight:500}input::placeholder{font-family:Raleway,Helvetica,Arial,sans-serif}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background-color:#dfe7ff;padding:17rem 3rem 1rem;height:auto;position:relative;z-index:1}@media (min-width: 330px){.footer{padding-top:16rem}}@media (min-width: 355px){.footer{padding-top:15rem}}@media (min-width: 445px){.footer{padding-top:14rem}}@media (min-width: 610px){.footer{padding-top:13rem}}@media (min-width: 768px){.footer{padding-top:12rem}}@media (min-width: 1280px){.footer{padding-top:11rem}}.footer__logo{display:flex;justify-content:center;cursor:pointer}.footer__logo-img{width:4.5rem}@media (min-width: 768px){.footer__logo-img{width:5rem}}.footer__social{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:#678dff solid .0625rem;width:100%}@media (min-width: 768px){.footer__social{gap:1.5rem;padding-bottom:1.5rem}}.footer__social-link{cursor:pointer}.footer__social-link-img{width:1.875rem}@media (min-width: 768px){.footer__social-link-img{width:2.5rem}}.footer__copyRight{color:#5c667e}*{margin:0rem;padding:0rem;box-sizing:border-box}html{scroll-behavior:smooth}.contact-footer-wrapper{position:relative;margin-top:4rem}