@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap";@keyframes wave{0%{transform:none}15%{transform:translate3d(-20%,0,0) rotate3d(0,0,1,-10deg)}30%{transform:translate3d(10%,0,0) rotate3d(0,0,1,7deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-10deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,5deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-2deg)}to{transform:none}}.intro{padding-left:100px;height:100vh;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--black)}.pointing-up{z-index:100;width:30px;right:30px;bottom:30px;cursor:pointer;position:fixed;transition:all .3s ease}.pointing-up:hover{transform:translateY(-10px)}.intro h1{font-weight:400;font-size:2.5rem;margin-bottom:100px}.intro h1 .emoji.wave-hand.animated{width:40px;margin-left:20px;animation-name:wave;animation-delay:1.3s;animation-duration:1s;animation-fill-mode:both}.intro h2{line-height:60px;width:650px;font-weight:400;font-size:2.5rem;margin-bottom:100px}.intro h2 .thick__text{font-size:2.5rem}.intro h2 .emoji.technologist{width:40px;margin-left:15px}.intro .intro__contact{display:flex;font-weight:400;align-items:center}.intro .intro__contact span{display:flex;align-items:center}.intro .intro__contact *{font-size:1.25rem}.intro .intro__contact .emoji.pointer{width:30px;margin:10px}.intro .intro__contact a{padding:0 5px;color:var(--white)}@media screen and (min-width: 1500px){.intro{padding-left:300px}.pointing-up{width:45px}}@media screen and (max-width: 800px){.intro h2{width:550px}}@media screen and (max-width: 660px){.intro{padding-left:50px}.intro h1{font-size:2.1875rem;margin-bottom:100px}.intro h1 .emoji.wave-hand.animated{width:35px;margin-left:18px}.intro h2{width:550px;margin-bottom:100px;font-size:2.1875rem}.intro h2 .thick__text{font-size:2.1875rem}.intro h2 .emoji.technologist{width:35px;margin-left:18px}.intro .intro__contact *{font-size:1.25rem}.intro .intro__contact .emoji.pointer{width:30px;margin:10px}}@media screen and (max-width: 600px){.intro{padding-left:25px}.intro h2{width:400px}}@media screen and (max-width: 460px){.intro{padding-left:30px}.intro h1{font-size:1.875rem}.intro h1 .emoji.wave-hand.animated{width:33px}.intro h2{width:350px;font-size:1.875rem}.intro h2 .thick__text{font-size:1.875rem}.intro h2 .emoji.technologist{width:33px;margin:0}.intro .intro__contact{flex-direction:column;align-items:flex-start}.intro .intro__contact *{font-size:1.125rem}.intro .intro__contact .emoji.pointer{width:25px}}@media screen and (max-width: 380px){.intro{padding-left:20px}}.intro h1,.intro h2,.intro span{color:var(--title)}#about{margin-top:-100px;height:100vh;display:flex;align-items:center;justify-content:space-evenly}#about .wrapper{display:flex;flex-direction:column;justify-content:center}#about .wrapper{max-width:500px}#about .wrapper .about__title,#about .wrapper .about__title .primary-color{font-size:1.125rem;letter-spacing:1px;margin-bottom:30px;font-weight:700;text-transform:uppercase}#about .wrapper .about__title .primary-color{color:var(--blue-light-theme)}#about .wrapper p{font-weight:400;text-align:justify;font-size:1.125rem}@media screen and (min-width: 1500px){#about .wrapper{max-width:700px}#about .about__img img{width:200px}#about .wrapper .about__title,#about .wrapper .about__title .primary-color,#about .wrapper p,#about .wrapper p .thick__text{font-size:1.25rem}}@media screen and (max-width: 800px){#about{align-items:center;flex-direction:column-reverse;justify-content:center}#about img{display:none}}@media screen and (max-width: 690px){#about .wrapper{max-width:400px}#about .wrapper .about__title,#about .wrapper .about__title .primary-color{font-size:1.125rem;margin-bottom:30px}#about .wrapper p{font-size:1.125rem}}@media screen and (max-width: 470px){#about .wrapper{max-width:350px}#about .wrapper .about__title,#about .wrapper .about__title .primary-color{font-size:1rem;margin-bottom:20px}#about .wrapper p{font-size:1rem;text-align:left}}body.dark .about__title,body.dark #about .wrapper .thick__text{color:var(--title)}body.dark #about .wrapper p{color:var(--text)}#projects{padding:100px 0;margin:auto}#projects .projects__title{text-align:center;font-size:1.125rem;letter-spacing:1px;margin-bottom:30px;font-weight:700;text-transform:uppercase}#projects .projects__title .primary-color{color:var(--blue-light-theme)}#projects .projects__container--primary .wrapper{margin:200px 0;display:flex;align-items:center;justify-content:space-evenly}#projects .projects__container--secondary .wrapper{display:none}#projects .projects__container--primary .wrapper:first-child,#projects .projects__container--primary .wrapper:nth-child(3),#projects .projects__container--primary .wrapper:nth-child(5),#projects .projects__container--primary .wrapper:nth-child(7),#projects .projects__container--primary .wrapper:nth-child(9){flex-direction:row-reverse}#projects .wrapper video{width:350px;border:2px solid var(--blue-light-theme);border-radius:6px}#projects .wrapper .project .project__wrapper{display:flex;margin-bottom:10px;transition:all .3s ease}#projects .wrapper .project .project__wrapper h3{font-weight:700;font-size:1rem}#projects .wrapper .project .project__wrapper .arrow{margin:0 5px;font-size:1.25rem;transition:all .3s ease;color:var(--blue-light-theme)}#projects .wrapper .project .project__wrapper .arrow:first-child{margin-left:20px}#projects .wrapper .project .project__wrapper .arrow:hover{transform:translateY(-5px)}#projects .wrapper p{width:400px;line-height:1.5;margin-bottom:15px;font-size:1rem}#projects .project__language span{font-size:.75rem;line-height:2.8;margin-right:6px;padding:3px 5px;font-weight:600;border-radius:3px;color:var(--blue-light-theme);border:1px solid var(--blue-light-theme)}@media screen and (min-width: 1500px){#projects .projects__title{font-size:1.25rem;margin-bottom:30px}#projects .projects__container--primary .wrapper{margin:200px 0}#projects .wrapper video{width:500px}#projects .wrapper .project .project__wrapper h3{font-size:1.25rem}#projects .wrapper .project .project__wrapper .arrow{font-size:1.5rem}#projects .wrapper p{width:600px;font-size:1.25rem}#projects .project__language span{font-size:1rem}}@media screen and (max-width: 790px){#projects{padding:100px 0 50px}#projects .projects__container--primary .wrapper{display:none}#projects .projects__container--secondary .wrapper{margin:100px 0;display:flex;align-items:center;flex-direction:column;justify-content:center}#projects .projects__container--secondary .wrapper video{width:400px;margin-bottom:20px}}@media screen and (max-width: 420px){#projects .projects__container--secondary .wrapper{margin:100px 0}#projects .project__language.first{display:none}#projects .project__language.second{display:block}#projects .projects__container--secondary .wrapper video{width:300px}#projects .wrapper p{width:300px}}#projects .projects__title,#projects .wrapper .project .project__wrapper h3{color:var(--title)}#projects .projects__title .primary-color,#projects .wrapper .project .project__wrapper .arrow *{color:var(--blue)}#projects .wrapper p{color:var(--text)}.project .project__language span{color:var(--blue);border:1px solid var(--blue)}footer{display:flex;align-items:center;padding:0 50px 30px;justify-content:space-between}footer h3{font-weight:700}footer h3 .emoji.rockon{width:20px;margin:0 5px}footer .social-media a{margin:25px;font-weight:600;text-transform:uppercase;font-size:.875rem;transition:all .3s ease}.social-media-mobile{display:none}.social-media-mobile a{margin:10px;transition:all .3s ease}.social-media-mobile a *{color:var(--blue-light-theme);font-size:1.5625rem}@media screen and (max-width: 800px){footer h3{font-size:.9rem}footer h3 .emoji.rockon{width:18px;margin:0 2px}footer .social-media{display:none}footer .social-media-mobile{display:flex}}@media screen and (max-width: 500px){footer{flex-direction:column-reverse}}body footer h3{color:var(--title)}body footer .social-media a,body .social-media-mobile a *{color:var(--blue)}body.dark .social-media a:hover,body.dark .social-media-mobile a:hover *{color:var(--title)}body.light .social-media a:hover,body.light .social-media-mobile a:hover *{color:#245995}#skills{display:flex;height:100vh;justify-content:center;flex-direction:column}#skills .skills__wrapper{margin:auto}#skills .skills__title,#skills .skills__title .primary-color{margin:0 auto 50px;font-size:1.125rem;letter-spacing:1px;font-weight:700;text-transform:uppercase}#skills .skills__title .primary-color{color:var(--blue-light-theme)}#skills .wrapper{display:grid;grid-gap:50px 100px;justify-content:center;grid-template-columns:repeat(5,auto)}#skills .wrapper .box{display:flex;align-items:center;flex-direction:column}#skills .wrapper .box .box__icon{color:var(--blue-light-theme);font-size:2.1875rem;margin-bottom:10px}#skills .wrapper .box .box__icon *{color:var(--blue-light-theme)}#skills .wrapper .box .box__name{letter-spacing:1px;color:var(--grey);font-weight:500;font-size:.9rem}@media screen and (min-width: 1500px){#skills .skills__title,#skills .skills__title .primary-color{padding-left:35px;font-size:1.25rem}#skills .wrapper{grid-template-columns:repeat(5,200px)}#skills .wrapper .box{margin-bottom:30px}#skills .wrapper .box .box__icon{font-size:3.75rem}#skills .wrapper .box .box__name{letter-spacing:1px}}@media screen and (max-width: 920px){#skills .wrapper{grid-gap:50px;grid-template-columns:repeat(5,auto)}}@media screen and (max-width: 700px){#skills .wrapper{grid-template-columns:repeat(3,auto)}#skills .skills__title,#skills .skills__title .primary-color{padding-left:20px}}@media screen and (max-width: 500px){#skills .wrapper{grid-template-columns:repeat(3,100px)}#skills .skills__title,#skills .skills__title .primary-color{padding-left:20px}#skills .wrapper .box .box__icon{font-size:1.875rem}#skills .wrapper .box .box__name{text-align:center}}@media screen and (max-width: 470px){#skills .skills__title,#skills .skills__title .primary-color{padding-left:10px;font-size:1rem}}@media screen and (max-width: 410px){#skills .wrapper{grid-template-columns:repeat(3,70px)}#skills .wrapper .box .box__name{text-align:center;font-size:.8rem}}#skills .skills__title{color:var(--title)}#skills .skills__title .primary-color,#skills .wrapper .box .box__icon *{color:var(--blue)}#skills .wrapper .box .box__name{color:var(--text)}.toggle-btn{z-index:200;display:flex;align-items:center}body.dark .toggle-btn .icon *{color:var(--title)}.toggle-btn .icon *{color:var(--black)}.toggle-btn .icon{font-size:1.3125rem}.toggle-btn .icon.xs{font-size:1.125rem}.switch{z-index:1;position:relative;display:inline-block;width:48px;height:26px;margin:0 10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:2px;right:0;bottom:0;background-color:gray;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#bae67e}input:focus+.slider{box-shadow:0 0 1px #bae67e}input:checked+.slider:before{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}nav{top:0;width:100%;z-index:100;padding:30px;display:flex;position:fixed;align-items:center;justify-content:space-between}nav .nav__links a{font-size:1rem;padding:30px;transition:all .3s ease}.hamburger{display:none}@media screen and (max-width: 800px){nav .nav__links{display:none}.hamburger{display:flex;position:relative}.hamburger button{border:none;background-color:transparent}.hamburger button *{font-size:2.1875rem}.hamburger .hamburger__menu{display:flex;flex-direction:column;text-align:center;position:absolute;top:50px;right:10px;border-radius:5px;background-color:var(--body);border:1px solid #e4e4e4;box-shadow:0 5px 20px #0000001a}.hamburger .hamburger__menu a{padding:15px 50px;border-bottom:1px solid #e4e4e4}}:root{--white: #fff;--black: #444452;--grey: #9391a2;--blue-light-theme: #218aff;--blue-dark-theme: #007bff;--body--dark-theme: #202023;--title-dark-theme: #e7e7e7;--text-dark-theme: #afafbf}::selection{color:var(--black);background:#bfe2ff}*{margin:0;padding:0;font-weight:500;box-sizing:border-box;color:var(--black);font-family:Open Sans,sans-serif;font-size:1rem}.thick__text{font-weight:700}a{text-decoration:none}.app{overflow:hidden;position:relative;scroll-behavior:smooth}body{scroll-behavior:smooth;color:var(--text);background:var(--body);transition:background .3s ease-in-out,color .6s ease-in-out}body.light{--text: var(--black);--body: var(--white);--blue: var(--blue-light-theme)}body.dark{--body: var(--body--dark-theme);--title: var(--title-dark-theme);--text: var(--text-dark-theme);--blue: var(--blue-dark-theme)}.emoji,.icon,.project__language span{user-select:none}body.light::-webkit-scrollbar{margin-right:30px;background-color:#e1e1e1;width:8px}body.light::-webkit-scrollbar-track{background-color:transparent}body.light::-webkit-scrollbar-thumb{background-color:var(--text-dark-theme);border-radius:16px;border:none}body.light::-webkit-scrollbar-button{display:none}body.dark::-webkit-scrollbar{margin-right:30px;background-color:#283043;width:8px}body.dark::-webkit-scrollbar-track{background-color:transparent}body.dark::-webkit-scrollbar-thumb{background-color:var(--blue);border-radius:16px;border:none}body::-webkit-scrollbar-button{display:none}body.light nav .nav__links a{color:var(---black)}body nav{background-color:var(--body)}body.dark nav .nav__links a,body.dark .hamburger .hamburger__menu a,body.dark .hamburger button *{color:var(--title)}body nav .nav__links a:hover{color:var(--blue)}body.dark .hamburger .hamburger__menu{border:1px solid #303b53;background-color:#1e2534}body.dark .hamburger .hamburger__menu a{color:var(--title);border-bottom:1px solid #303b53}