@import "https://fonts.googleapis.com/css2?family=Poppins: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";:root{--white:#fff;--black:#101010;--main-dk-color:#040427;--secondary-dk-color:#07024a;--third-dk-color:#060522;--dark-bg-color:linear-gradient(180deg,#0d081e 25%,#0a0617 50%,#07040f 75%);--zinc:#52595a}.themeText{display:none}.label{cursor:pointer;background:#573aff;border-radius:1.5rem;width:3.5rem;margin-left:5px;padding:.25rem;transition:background-color .5s;display:flex}.box{background-color:#13131f;border-radius:50%;width:.9rem;height:.9rem;transition:all .5s}.box-checked{transform:translate(2.1rem)}.label-checked{background-color:#f9f9f9}.dark-bg{background:var(--dark-bg-color)}.text-white{color:var(--white)}.dark-shadow-icons-social{box-shadow:7px 6px 50px 2px #c8c8c81f}.black-bg-conteiner-photo{background-color:var(--white);color:var(--black)}.dark-border-bio-about-me{border-right:1px solid var(--white);border-bottom:1px solid var(--white);color:var(--white)}.dark-bg-article-h3{color:var(--third-dk-color);background-color:var(--white)}.dark-bg-article-p{background-color:var(--third-dk-color);border-bottom:1px solid var(--zinc);color:var(--white)}.light-bg{background-color:var(--white)}.text-black{color:var(--secondary-dk-color)}.light-bg-header-sm{background-color:var(--secondary-dk-color);color:var(--white);border-top-left-radius:20px;border-bottom-right-radius:20px;padding:3px 20px}.light-shadow-icons-social{box-shadow:7px 7px 20px 2px #00000040}.light-bg-conteiner-photo{background-color:var(--third-dk-color);color:var(--white)}.light-border-bio-about-me{border-right:1px solid var(--third-dk-color);border-bottom:1px solid var(--third-dk-color);color:var(--secondary-dk-color)}.light-bg-article-h3{background-color:var(--secondary-dk-color);color:var(--white);justify-content:center;width:100%;height:100%}.light-bg-article-repo{background-color:var(--secondary-dk-color);justify-content:center;width:100%;height:100%}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}nav{background-color:var(--main-dk-color);border-bottom:1px solid var(--zinc);justify-content:space-around;align-items:center;width:100%;height:10vh;display:flex}.logo{color:var(--white);margin-left:20px}.logo>span{color:#e4e40a}.nav-items{justify-content:flex-end;align-items:center;gap:30px;width:100%;height:100%;margin-right:30px;list-style-type:none;display:flex}.nav-items>li>a{color:var(--white);outline:none;font-size:1.1rem;font-weight:600;text-decoration:none}.menuToggle{z-index:1;display:none;position:absolute;right:30px}nav>input{cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none;width:35px;height:30px;display:none;position:fixed;top:15px;right:30px}.menuToggle>span{z-index:1;transform-origin:4px 0;background:#cdcdcd;border-radius:3px;width:33px;height:4px;margin-bottom:5px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s;display:block;position:relative}.menuToggle span:first-child{transform-origin:0 0}.menuToggle span:nth-last-child(2){transform-origin:0 100%}nav>input:checked~.menuToggle>span{opacity:1;background:#232323;transform:rotate(-45deg)translateY(2px)}nav>input:checked~.menuToggle>span:nth-last-child(3){opacity:0;transform:rotate(0)scale(.2)}nav>input:checked~.menuToggle>span:nth-last-child(2){transform:rotate(45deg)translate(-5px,-9px)}header{flex-wrap:wrap;justify-content:space-evenly;align-items:center;height:75vh;display:flex}.header-text{flex-direction:column;align-items:center;display:flex}.header-lg-text{flex-direction:column;align-items:center;font-size:35px;font-weight:500;display:flex}.header-sm-text{color:var(--white);font-style:italic}.main-left{flex-direction:column;justify-content:center;align-items:center;height:65%;margin-bottom:50px;font-size:20px;display:flex}.main-left img{border-radius:5px;width:45px;margin:10px}.icons-social{background-color:var(--white);border-radius:7px;justify-content:center;align-items:center;width:40%;margin-top:20px;display:flex}.icons-social a{align-items:center;display:flex}.main-right{margin-bottom:100px}.main-img{width:32vw;margin-top:20px}.about-me-section{height:92vh}.container-about-me{justify-content:center;align-items:center;gap:20px;margin-top:10px;display:flex}.container-photo{border-radius:10px 0 0 10px;flex-direction:column;align-items:center;gap:10px;width:25vw;height:60vh;margin-top:50px;display:flex}.bio-about-me{border-radius:0 10px 10px 0;width:55vw;height:60vh;margin-top:50px}.bio-about-me h3{margin-top:10px;margin-left:30px}.bio-about-me p{text-align:center;text-align:left;width:100%;padding:15px 30px}.text-lg-screen{font-size:.9rem}.photo-about-me img{background-position:0 -7px;background-size:cover;border:3px solid #fff;border-radius:50%;width:150px;height:150px;margin-top:-50px}.about-me-info{flex-direction:column;align-items:center;gap:10px;display:flex}.college{text-align:center;padding:0 20px}.college strong{font-weight:600}section h2{text-align:center;padding-top:20px;font-size:2rem}.projects-section{height:auto}.projects-section h2{margin-bottom:50px;display:block}.container-projects{flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;height:auto;display:flex}.container-projects article{border:1px solid var(--zinc);border-top:none;border-radius:0 0 5px 5px;flex-direction:column;align-items:center;width:38vw;height:auto;display:flex}.container-projects article h3{border-radius:10px 10px 0 0;justify-content:center;align-items:center;width:calc(100% + 2px);height:32px;margin-top:-10px;margin-bottom:10px;display:flex}.img-project{border-radius:5px;width:85%}.project-repo{gap:30px;display:flex}.project-repo a{text-decoration:none}.project-buttons{background-color:var(--white);cursor:pointer;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;margin:10px 0 15px;padding:3px 10px;font-weight:600;display:flex;box-shadow:7px 6px 50px 2px #c8c8c81f}.project-buttons img{width:30px;margin-right:5px}.project-buttons:hover{background-color:#c8c8c8}.container-projects article>p{text-align:justify;width:100%;margin:10px 0 5px;padding:15px 25px;font-size:.9rem}.abilities{height:auto}.abilities h2{margin:40px 0 25px}.abilities-container{flex-wrap:wrap;justify-content:center;width:100%;padding:0 10%;display:flex}.abilities-container div{flex-direction:column;align-items:center;width:30%;margin:20px 0;display:flex}.abilities-container div img{border-radius:50%;width:60%;box-shadow:7px 6px 50px 2px #c8c8c81a}.contact{height:auto;margin-top:40px}.container-form{flex-direction:column;justify-content:center;align-items:center;height:90vh;display:flex}.contact-form{color:#fff;border-radius:8px;width:70%;padding:20px;box-shadow:0 0 20px 2px #00000040}.sendMeMsgTitle{margin-bottom:35px}#recaptcha{background-color:var(--third-dk-color);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:50px 0}#recaptcha h3{text-align:center;width:100%;padding:0 5px}#msgSended{color:#d2b109;justify-content:center;display:none}#closeMsg{color:var(--white);background-color:red;border:none;border-radius:10%;margin:0 15px;padding:0 10px;font-weight:700}.g-recaptcha{justify-content:center;align-items:center;width:100%;padding:50px 0;display:flex}.form-group{margin-bottom:15px}label{margin-bottom:5px;font-weight:700;display:block}input[type=text],input[type=email],textarea{border:1px solid var(--zinc);border-radius:4px;outline:none;width:100%;padding:8px}.button-submit{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;width:100%;padding:10px;font-size:1rem;transition:background-color .3s}.button-submit:hover{background-color:#0056b3}footer{color:var(--white);background-color:var(--black);justify-content:center;align-items:center;height:9vh;display:flex}.text-sm-screen,.turn-back-top-off{display:none}.turn-back-top-on{cursor:pointer;border-radius:5px;width:100px;padding:10px 20px;display:block;position:fixed;bottom:20px;right:10px}.turn-back-top-on img{width:90%}.turn-back-top-margin{margin-bottom:35px}footer br{display:none}@media screen and (max-width:1024px) and (max-height:570px){.text-lg-screen{font-size:.8rem}}@media screen and (max-width:945px) and (max-height:620px){.text-lg-screen{font-size:.8rem}}@media screen and (max-width:900px){.menuToggle,nav>input{display:block}.nav-items{-webkit-font-smoothing:antialiased;transform-origin:0 0;background:#ededed;flex-direction:column;width:90%;height:100vh;margin:150px 0 0 -50px;padding:150px 30px 30px;list-style-type:none;transition:transform .5s cubic-bezier(.77,.2,.05,1);position:absolute;transform:translate(-110%)}nav>input:checked~ul{transform:none}.nav-items>li>a{color:var(--black)}.themeText{display:block}.themeToggle{flex-direction:column;align-items:center;gap:5px;display:flex}.header-sm-text{font-size:1.15rem}.header-lg-text{font-size:1.9rem}.main-right img{width:100%}.container-projects{flex-direction:column;height:auto}.container-projects article{width:90%}.text-lg-screen{font-size:.7rem}.about-me-info p{font-size:.9rem}.about-me-info h3{font-size:1rem}footer{height:auto;padding:20px}footer br{display:block}footer span{display:none}footer p{text-align:center}}@media screen and (max-width:900px) and (max-height:620px){.text-lg-screen{font-size:.8rem}}@media screen and (max-width:900px) and (max-height:570px){.text-lg-screen{font-size:.7rem}}@media screen and (max-width:760px){header{flex-flow:column;height:auto}.main-left{order:2;justify-content:start;height:auto;margin-bottom:25px}.header-sm-text{font-size:1.3rem}.header-lg-text{font-size:2.2rem}.main-right{justify-content:center;width:100%;height:auto;margin-bottom:10px;display:flex}.main-right img{width:35%;margin-top:10px}.text-lg-screen{display:none}.text-sm-screen{font-size:.88rem;display:inline-block}.about-me-info p{text-align:center;padding:0 10px;font-size:.8rem}.about-me-info h3{text-align:center;padding:0 10px;font-size:.9rem}.turn-back-top-margin{margin-bottom:65px}.turn-back-top-on img{width:85%}}@media screen and (max-width:760px) and (max-height:620px){.text-sm-screen{font-size:.9rem}}@media screen and (max-width:760px) and (max-height:570px){.text-sm-screen{font-size:.87rem}}@media screen and (max-width:620px){.header-sm-text{font-size:1.15rem}.header-lg-text{font-size:1.8rem}.main-right img{width:50%}.container-about-me{flex-direction:column}.about-me-section{height:auto}.container-photo{border-radius:5px;gap:0;width:90%;height:auto;padding-bottom:30px}.bio-about-me{width:95%;height:auto}.text-sm-screen,.about-me-info p{font-size:1rem}.turn-back-top-on{display:none}}@media screen and (max-width:430px){.logo{margin-right:60px;font-size:1.8rem}.main-left{order:2;justify-content:start;height:auto;margin-bottom:25px}.header-text{justify-content:start;width:100%;margin-top:0}.header-sm-text{font-size:1.1rem}.light-bg-header-sm{padding:3px 10px}.header-lg-text{font-size:1.7rem}.icons-social{width:auto}.main-right{justify-content:center;width:100%;height:auto;margin-bottom:30px;display:flex}.photo-about-me img{width:130px;height:130px}.bio-about-me{margin-top:20px;margin-bottom:15px;font-size:.7rem}.bio-about-me h3{font-size:1.1rem}.project-repo{flex-wrap:wrap;justify-content:center;gap:5px}.project-repo a{margin:0 10px}.abilities-container div{font-size:.9rem}.abilities-container span{text-align:center}.contact{margin-top:30px}.container-form{width:100%;height:auto}.contact-form{width:85%;margin:30px 0 60px}.g-recaptcha>div,.g-recaptcha>div>div{justify-content:center;display:flex;width:100%!important}.g-recaptcha iframe{width:85%!important}body>div:last-child{justify-content:center!important;align-items:center!important;width:100vw!important;display:flex!important;left:0!important}body>div:last-child div{justify-content:center!important;align-items:center!important;width:95%!important;display:flex!important}div>iframe{transform:scale(.9)!important}}@media screen and (max-width:360px){.logo{margin-right:60px;font-size:1.5rem}.header-sm-text{font-size:1rem}.header-lg-text{font-size:1.3rem}.project-repo{gap:5px}.text-sm-screen{font-size:.95rem}div>iframe{transform:scale(.8)!important}}@media screen and (max-width:320px){.logo{margin-right:60px;font-size:1.3rem}.main-right img{width:60%}.header-sm-text{font-size:.9rem}.header-lg-text{font-size:1.2rem}.project-repo{gap:5px}footer p,.abilities-container div,.text-sm-screen{font-size:.9rem}div>iframe{transform:scale(.7)!important}}@media screen and (max-width:280px){.logo{font-size:1.2rem}.abilities-container div{font-size:.75rem}.header-sm-text,.text-sm-screen{font-size:.8rem}}