:root{--main-font: "Roboto", sans-serif;--second-font: "Outfit", sans-serif;--white-col: #ffffff;--blue-gradient: #04152D;--blue-gradient-2: #0A1E4D;--text-col: #d1d5db}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body.loading{overflow:hidden}body{font-family:var(--main-font);line-height:1.5;color:var(--white-col);height:300vh}html{scroll-behavior:smooth;overflow-x:hidden}ul{list-style:none}a{text-decoration:none;color:inherit}a,img,span,button{display:block}button{border:none;outline:none;background:none;cursor:pointer}img{max-width:100%;height:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#0a1e4d}::-webkit-scrollbar-thumb{background-color:#04152d;border-radius:10px}.container{padding-inline:1rem}.section{padding-block:50px 30px}.grid-list{display:grid;gap:1.5rem}.background-wrapper{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box}.background-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(125% 125% at 50% 10%,#000 40%,#0a1e4d)}@media (min-width: 480px){.container{max-width:450px;margin-inline:auto}}@media (min-width: 768px){.container{max-width:680px}}@media (min-width: 1024px){.container{max-width:960px}}@media (min-width: 1280px){.container{max-width:1150px}}@media (min-width: 1440px){.container{max-width:1230px}}.navbar{position:absolute;top:-300px;right:6%;background:linear-gradient(180.11deg,#19376d33 .1%,#19376d 99.9%);border-radius:10px;padding:1rem 1.3rem;box-shadow:0 4px 4px #00000040;transition:transform .3s ease-in-out}.navbar.opened{transform:translateY(390px)}.nav-list{display:flex;flex-direction:column;gap:8px;font-family:var(--second-font);text-align:center;font-size:1.1rem}.navbar li{position:relative}.nav-link:after{content:"";position:absolute;height:2px;width:0;left:0;bottom:-3px;background-color:var(--white-col);transition:width .5s ease}.nav-link:hover:after{width:60%}@media (min-width: 480px){.nav-list{font-size:1.2rem}}@media (min-width: 1024px){.navbar{all:unset}.nav-list{flex-direction:row;gap:30px}}@media (min-width: 1440px){.nav-list{font-size:1.3rem}}.header{position:relative;top:0;left:0;width:100%;padding-block:25px 15px;background-color:transparent;z-index:10}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:inline-flex;font-size:1.5rem;font-family:var(--second-font)}.open-menu{font-size:1.7rem;transition:rotate .3s ease-in-out;cursor:pointer}.open-menu.opened{rotate:-45deg}@media (min-width: 1024px){.open-menu{display:none}}@media (min-width: 1440px){.logo{font-size:2rem}}.hero .container{display:grid;gap:1.5rem}.hero-subtitle{font-family:var(--second-font);font-size:.875rem}.hero-title{font-size:1.9rem;display:block}.hero-title span{background:linear-gradient(90deg,#fff 80.05%,#fff0 142.63%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:2.2rem;font-family:var(--second-font)}.hero-desc{font-size:1.025rem;color:var(--text-col);padding-block:10px 20px}.hero-buttons{display:flex;align-items:center;gap:.5rem}.hero button:hover{box-shadow:0 0 10px var(--blue-gradient-2),0 0 20px var(--blue-gradient-2),0 0 30px var(--blue-gradient-2);transition:box-shadow .5s ease}.profile-pic{border-radius:50%;border:2px solid white;width:280px;place-self:center}@media (min-width: 480px){.hero .container{gap:2rem}.profile-pic{width:390px;place-self:center}.hero-subtitle{font-size:.938rem}.hero-title{font-size:2rem}.hero-title span{font-size:2.3rem}.hero-desc{max-width:370px}}@media (min-width: 768px){.hero .container{grid-template-columns:repeat(2,1fr);align-items:center;gap:2.5rem}.hero-content{order:-1}.hero-title span{display:flex;width:max-content;font-size:2.5rem}}@media (min-width: 1024px){.hero-subtitle{font-size:1.125rem}.hero-title{font-size:2.5rem}.hero-title span{font-size:3rem}.hero-desc{max-width:370px;font-size:1rem}}@media (min-width: 1280px){.hero .container{gap:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-title{font-size:2.8rem}.hero-title span{font-size:3.5rem}.hero-desc{max-width:450px;font-size:1.125rem}.profile-pic{width:400px}}@media (min-width: 1440px){.hero .container{gap:3rem}.hero-subtitle{font-size:1.3rem}.hero-title{font-size:3rem}.hero-title span{font-size:3.8rem}.hero-desc{max-width:450px;font-size:1.3rem}.profile-pic{width:450px}}.button{width:max-content;display:flex;align-items:center;gap:5px;background:linear-gradient(180.11deg,#19376d33 .1%,#19376d 99.9%);padding:10px 15px;border-radius:30px;font-size:1.3rem;color:var(--white-col);font-family:var(--second-font);font-weight:500}.about .container{display:grid;gap:1.5rem}.about-desc{display:block;padding-block-end:20px;font-size:.938rem}.about-desc span{background:linear-gradient(180.11deg,#19376d33 .1%,#19376d 99.9%);border-radius:18px;width:max-content;padding:5px 10px;margin-block-end:10px;font-family:var(--second-font);font-weight:500;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soft-skill-item{display:flex;flex-direction:column;padding:5px 10px;gap:10px;transition:background .5s ease}.soft-skill-item:first-child{background:linear-gradient(90deg,#a5d7e86b -60.08%,#fff0 66.02%);border-radius:20px}.icon{background:linear-gradient(180.11deg,#19376d33 .1%,#19376d 99.9%);border-radius:50%;width:max-content;padding:10px;font-size:1.5rem;display:grid;place-items:center}.skill{font-size:1.125rem;font-family:var(--second-font);margin-block-end:5px}.desc{font-size:.938rem;color:var(--text-col)}@media (min-width: 480px){.about .container{background:linear-gradient(180.11deg,#19376d33 .1%,#19376d 99.9%);border-radius:18px;padding:15px}}@media (min-width: 768px){.about-desc{font-size:1rem}.soft-skill-item{flex-direction:row;align-items:center;gap:20px}.icon{font-size:2rem}.skill{font-size:1.25rem}.desc{font-size:.95rem}}@media (min-width: 1024px){.about .container{grid-template-columns:repeat(2,1fr);align-items:center;padding:25px;gap:2.5rem}.icon{font-size:2rem}.skill{font-size:1.3rem}.about .grid-list{gap:1.8rem}}@media (min-width: 1280px){.about .container{gap:3rem}.about-desc{max-width:500px}}@media (min-width: 1440px){.about-desc{font-size:1.125rem}.icon{font-size:2.5rem}.skill{font-size:1.5rem}.desc{font-size:1.1rem}}.section-title{font-family:var(--second-font);font-size:1.6rem;text-transform:uppercase;margin-block-end:25px}@media (min-width: 1440px){.section-title{font-size:1.8rem}}.experience .container{display:grid;gap:2rem}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,2fr));padding-inline:2rem;place-items:center;gap:1rem}.experience-skill{display:grid;place-items:center;padding:10px;background:linear-gradient(180.11deg,#19376d33 .1%,#19376d 99.9%);width:max-content;font-size:3.5rem;border-radius:50%;cursor:pointer}.skill-wrapper:nth-child(5):hover .experience-skill{animation:rotate 3s linear infinite}.experience .section-title{margin-inline-start:18px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.experience-skill:is(:hover,:focus){box-shadow:0 0 10px var(--blue-gradient-2),0 0 20px var(--blue-gradient-2),0 0 30px var(--blue-gradient-2);transition:box-shadow .3s ease}.skill-wrapper{display:flex;flex-direction:column;width:max-content;text-align:center;align-items:center;gap:10px}.skill-name{font-size:1rem;font-weight:500;font-family:var(--second-font)}.experience-item{display:flex;flex-direction:column;background:linear-gradient(90deg,#19376d,#19376d00);padding:10px;border-radius:18px;gap:10px}.experience-icon{display:grid;place-items:center;background:linear-gradient(90deg,#19376d,#19376d00);border:1px solid var(--white-col);width:max-content;font-size:2rem;border-radius:50%;padding:10px}.info-title{font-family:var(--second-font);font-size:1.3rem}.info-date{font-size:.93rem;font-family:var(--second-font);color:var(--text-col);font-weight:600;margin-block-end:5px}.subtitle-item{font-size:.938rem;list-style:circle;margin-inline-start:15px}@media (min-width: 768px){.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.experience-item{flex-direction:row;align-items:center;gap:1.5rem}.experience-icon{font-size:3rem}.info-title{font-size:1.35rem}.info-date{font-size:.99rem}.subtitle-item{font-size:.95rem}}@media (min-width: 1024px){.experience .container{grid-template-columns:repeat(2,1fr)}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));place-items:center;padding-inline:0;row-gap:5px}.experience-skill{font-size:4.2rem}}@media (min-width: 1280px){.experience .container{gap:4rem}.experience-skill{font-size:5rem}}@media (min-width: 1440px){.experience-skill{font-size:5.6rem}}.projects .grid-list{margin-block-start:25px}.project-card{display:flex;flex-direction:column;width:100%;height:100%;background:linear-gradient(180deg,#576cbc -14.75%,#132a53 50.1%);box-shadow:0 16px 14px #04152d;border-radius:20px;padding:20px;gap:10px}.project-image-wrapper{position:relative;border-radius:15px;width:100%}.project-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.projects button,.github-icon{position:absolute;transition:box-shadow .5s ease}.projects button{font-size:.938rem;padding:2px 10px;left:6px;bottom:7px}.github-icon{bottom:5px;right:7px;font-size:30px;background-color:#132a53;border-radius:50%;padding:2px;cursor:pointer}.github-icon,.projects button:is(:hover,:focus){box-shadow:0 0 10px 2px #132a53}.card-content{display:flex;flex-direction:column;gap:5px}.project-title{font-family:var(--second-font);font-size:1.3rem}.card-desc{color:var(--text-col);font-size:1rem}.projects-languages{display:flex;margin-block-start:10px;align-items:center;flex-wrap:wrap;gap:10px}.card-lang{background:linear-gradient(180.11deg,#19376d33 .1%,#19376d 99.9%);padding:3px 10px;border-radius:18px;font-weight:500;font-family:var(--second-font)}@media (min-width: 480px){.projects .grid-list{grid-template-columns:320px;gap:2rem;place-self:center}}@media (min-width: 768px){.projects .grid-list{grid-template-columns:repeat(2,1fr);align-items:center}}@media (min-width: 1024px){.projects .grid-list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.projects .grid-list{gap:3rem}}@media (min-width: 1440px){.projects .grid-list{gap:3.2rem}}.footer{background-color:var(--blue-gradient-2);width:100%;margin-block-start:30px}.footer .container{display:grid;gap:1.5rem}.footer-content{text-align:center;font-family:var(--second-font)}.footer-title{font-size:3rem}.contact{font-size:1.3rem}.footer-icon{display:grid;place-items:center;background:linear-gradient(180.11deg,#19376d33 .1%,#19376d 99.9%);width:max-content;font-size:2.8rem;border-radius:50%;padding:5px}.footer-link{display:flex;align-items:center;font-size:1.1rem;font-family:var(--second-font);gap:10px}.footer-link:is(:hover,:focus){text-decoration:underline}@media (min-width: 480px){.footer .container{place-content:center}}@media (min-width: 768px){.footer .container{grid-template-columns:repeat(2,1fr);gap:2rem;align-items:center}.footer-content{display:flex;flex-direction:column;gap:1.5rem;text-align:initial}.contact{max-width:90%}}@media (min-width: 1024px){.footer .container{gap:5rem}}@media (min-width: 1280px){.footer .container{display:flex;align-items:center;justify-content:space-between}}.back-on-top{position:fixed;font-size:35px;color:var(--white-col);background:var(--blue-gradient-2);right:-50%;width:max-content;padding:5px;border-radius:50%;bottom:4.5%;cursor:pointer;flex-shrink:0}.back-on-top.visible{right:3%;transition:right .3s ease}.back-on-top.visible:is(:hover,:focus){transform:translateY(-5px);transition:transform .5s ease}.loader{position:fixed;top:0;left:0;height:100%;width:100%;display:grid;place-items:center;background-color:var(--blue-gradient);z-index:30;transition:all .3s ease}.loader-circle{width:50px;height:50px;background-color:transparent;border-radius:50%;border:3px solid var(--white-col);border-block-start-color:transparent;animation:rotate 1s infinite forwards}@keyframes rotate{0%{rotate:0}to{rotate:1turn}}