*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primary-color: rgb(81, 71, 150);--bg-color: rgba(219, 233, 232, .534);--text-color: #212121;--details-color: rgb(190, 186, 186)}:target{scroll-margin-top:.8em}body{color:var(--text-color);font-family:Manrope,sans-serif;font-weight:300;max-width:67rem;margin:0 auto;padding:0 2rem}a{text-decoration:none;color:var(--text-color)}ul{list-style:none}button{cursor:pointer;border:none;font-family:Rubik,sans-serif}.section-title{margin-top:1.25rem}.section-title h2{font-size:1.5rem;font-weight:300}.section-title h2 span{color:var(--primary-color);font-size:50px}.primary-button,.disabled-button{background-color:var(--primary-color);color:#fff;width:7.5rem;padding:.3rem;font-size:15px;font-weight:300;text-align:center;border-radius:3px;transition:.3s}.primary-button:hover{filter:brightness(1.2)}.disabled-button{background-color:gray;cursor:not-allowed}.tag{color:var(--primary-color);font-size:.8125rem;font-weight:300}.spinner{width:40px;height:40px;position:relative;margin:100px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;animation:bounce 2s infinite ease-in-out}.double-bounce2{animation-delay:-1s}@keyframes bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}@media (max-width: 980px){.about-img{margin-top:1.8rem}.about{display:flex;flex-direction:column-reverse;align-items:center}.social-media,#repositories-list{justify-content:center}}@media (max-width: 640px){.hero h1{font-size:1.87rem!important}.learn-more-content li{width:100%!important}}@media (max-width: 410px){.about{align-items:start}.about-text h1{font-size:1.7rem}footer{padding:1rem}}header{box-shadow:none!important}.tool-bar{padding:1rem 0 2rem!important;border-bottom:2px solid var(--details-color)}.about,section{font-family:Rubik,sans-serif}.about{background:var(--bg-color);border:2px solid var(--details-color);border-radius:6px;display:flex;gap:7%;margin-top:50px;padding:4%}.about-img{height:400px;border:2px solid var(--details-color);border-radius:5px}.about-text span{color:var(--primary-color);font-weight:400;text-transform:uppercase}.about-text h1{font-size:2.2rem;font-weight:300;margin:10px 0 8px}.about-text p{font-size:22px}.about-text strong{color:#4d4d4d}.about-text h3{color:#4d4d4d;font-size:19px}.academic-education-text,.professional-experience{background:var(--bg-color);margin-top:1rem;padding:4%}.academic-education-text span,.professional-experience span{font-size:13px}.academic-education-text p,.professional-experience p{margin:5px 0}#section-4 ul,#section-5 ul{display:flex;flex-wrap:wrap;gap:10px}.professional-experience .link{display:flex;align-items:center;gap:1px;margin-bottom:5px}.professional-experience a{font-size:.75rem;font-weight:400;text-transform:uppercase}.professional-experience img{width:14px}.hero{margin:4rem 0;font-family:Manrope,sans-serif}.hero h1{font-size:3rem}.learn-more h3{text-transform:uppercase;margin:3.125rem 0 1rem}.learn-more-content{display:flex;flex-wrap:wrap;gap:1rem}.learn-more-content li{position:relative;width:250px;height:150px;overflow:hidden;border-radius:10px;transition:transform .3s}.learn-more-content li:hover{transform:scale(1.03)}.learn-more-content li img{width:100%;height:100%;object-fit:cover;border-radius:10px}.learn-more-content li a{display:block;width:100%;height:100%;text-transform:uppercase;position:relative;font-size:.875rem}.learn-more-content li a span,.learn-more-content li a svg{position:absolute;z-index:2;color:#f1f1f1;text-shadow:0px 0px 5px rgba(0,0,0,.7)}.learn-more-content li a svg{top:10px;left:10px}.learn-more-content li a span{bottom:10px;left:10px;font-weight:700}.stack{font-family:Rubik,sans-serif}.cards-techs{display:flex;flex-wrap:wrap;gap:2rem;margin-top:3.125rem;justify-content:center}.card{display:flex;flex-direction:column;padding:1rem;background:var(--bg-color)}.card img{width:1.5rem;height:1.5rem}.card img[src*="django-logo-negative.png"]{width:3rem!important;height:auto!important}.card p{color:#0000009f;margin-top:.2rem;width:200px}.card span{margin-top:1rem}.projects{font-family:Rubik,sans-serif}#userData{margin-top:3.125rem}#repositories-list{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}#repositories-list li{background-color:var(--bg-color);width:30rem;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}#repositories-list .buttons{display:flex;gap:1rem;margin-top:1rem}.repo-title{font-family:Manrope,sans-serif}#repositories-list .repo-title,#repositories-list .repo-language{display:flex;align-items:center;gap:.4rem;margin-top:.3rem}.repo-language{margin-bottom:.3rem}#repositories-list li span{font-size:.8rem}.repo-image img{border:1px solid var(--details-color);border-radius:3px;width:100%;height:100%}.repo-topics{color:var(--primary-color)}.modal-content{display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--bg-color);border:1px solid var(--details-color);border-radius:3px;box-sizing:border-box;min-height:60vh}.modal-content img{display:block;margin:0 auto;width:100%;max-width:1000px;height:auto;border:1px solid var(--details-color);border-radius:3px}.dialog-close-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background-color:var(--primary-color);color:#fff;padding:.25rem .5rem;font-size:.9rem;font-weight:300;border-radius:3px;border:none;cursor:pointer}.dialog-close-button:hover{filter:brightness(1.15)}.dialog-close-button svg{width:1rem;height:1rem}.modal-content .close-modal{position:absolute;right:1rem;top:1rem;z-index:10}@media (max-width: 600px){.modal-content .close-modal{right:.75rem;top:.75rem}}@media (max-width: 600px){.modal-content{padding:1rem;min-height:100vh}.modal-content img{max-width:100%;margin:0 auto}}footer{background:var(--bg-color);border:2px solid var(--details-color);border-radius:6px;margin:3.125rem 0;padding:3rem}footer h3{text-transform:uppercase}footer span,footer p{color:#0000009f;font-size:.875rem;margin-top:.5rem}.social-section{display:flex}.social-section a{color:#0000009f;font-size:50px;cursor:pointer;transition:.3s}.social-section a:hover{color:var(--primary-color)}.back-to-top{position:fixed;bottom:30px;right:20px;color:var(--primary-color);cursor:pointer}.back-to-top:hover{filter:brightness(1.2)}.footer-line{width:100%;border:2px solid var(--primary-color);background:var(--primary-color)}