.container{max-width:1320px;padding:0 1rem;margin:auto;overflow:hidden;}.bottom-line{height:1px;width:45px;margin:auto;background-color:#16254a;}.bg-primary{background-color:#16254a;}.bg-secondary{background-color:#0a1225;}.text-center{text-align:center;}.view-git{display:flex;width:18rem;justify-content:space-between;margin:auto;}.text-primary{color:#0a1225;}.text-tertiary{color:#fff;}.img-rounded{border-radius:7px;-webkit-box-shadow:0 7px 10px -5px rgba(0,0,0,.75);-moz-box-shadow:0 7px 10px -5px rgba(0,0,0,.75);box-shadow:0 7px 10px -5px rgba(0,0,0,.75);}.my-lg{margin:6rem 0;}.mt-md{margin-top:3rem;}.mt-sm{margin-top:1.2rem;}.center{margin:auto;}.badge{display:flex!important;justify-content:center;align-items:center;border:none;border-radius:50%;cursor:pointer;}.badge-lg{width:60px;height:60px;}.badge-lg i{font-size:2rem;}.badge-md{width:45px;height:45px;}.badge-md i{font-size:1.1rem;}.badge-sm{width:40px;height:40px;}.badge-sm i{font-size:1.3rem;}.badge-primary{background-color:#1f3468;transition:all .5s;}.badge-primary:hover{background-color:#0a1225;}.badge-secondary{background-color:#0a1225;transition:all .5s;}.badge-secondary:hover{background-color:#1f3468;}.btn{display:flex;justify-content:center;align-items:center;margin:0 auto;width:130px;font-size:1rem;font-weight:300;padding:.4rem 0;color:#fff;border-radius:7px;cursor:pointer;}.btn-dark{background-color:#0a1225;transition:all .5s;}.btn-dark:hover{background-color:#1f3468;}.btn-light{background-color:#1f3468;transition:all .5s;}.btn-light:hover{background-color:#0a1225;}*{margin:0;padding:0;box-sizing:border-box;}::placeholder,body,input,textarea{font-family:"Roboto",sans-serif;font-size:1rem;color:rgba(0,0,0,.473);}body{line-height:1.8;}ul{list-style:none;}a,p,ul{font-size:1rem;}input,textarea{font-size:1rem;}h1,h2{font-weight:300;}h1{font-size:2.2rem;}h2{font-size:1.8rem;}a{text-decoration:none;}i{color:#fff;}img{width:95%;}input{padding:.8rem 1rem;}textarea{padding:1.5rem;}input,textarea{color:#16254a;text-align:center;resize:none;background:0 0;outline:0;border:1px solid #16254a;border-radius:7px;}button{margin:auto;}.nav-scroll{background-color:rgba(10,18,37,.8);}nav#fixed-top a.active{color:#16254a!important;background-color:#fff;}nav#fixed-top{z-index:9999;position:fixed;top:0;left:0;right:0;padding:1.2rem 0;transition:all .5s;}nav#fixed-top .container{display:flex;justify-content:space-between;align-items:center;}nav#fixed-top .container a.logo{display:flex;justify-content:center;align-items:center;height:55px;width:55px;color:#fff;font-weight:300;font-size:1.7rem;border-radius:12%;border:1px solid #fff;transition:all .5s;}nav#fixed-top .container a.logo:hover{background-color:#fff;color:#16254a;}nav#fixed-top .container ul{display:flex;width:390px;justify-content:space-between;}nav#fixed-top .container ul li{width:83px;}nav#fixed-top .container ul li a{display:flex;justify-content:center;align-items:center;font-weight:300;color:#fff;padding:.2rem 0;transition:all .5s;border:1px solid #fff;border-radius:7px;}nav#fixed-top .container ul li a:hover{color:#16254a;background-color:#fff;}header#landing-page{background:url(../img/header-bg.webp) no-repeat center center/cover;height:100dvh;display:flex;justify-content:center;align-items:center;}#about-grid{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:0 1rem;}#about-grid>div p{max-width:24rem;padding:0 1rem;}#about-my-stats{display:grid;grid-template-columns:repeat(4,1fr);}#about-my-stats div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;}#about-my-stats div i{font-size:3.5rem;}#about-my-stats div a{border-bottom:1px solid;padding-bottom:.2rem;transition:all .5s;}#about-my-stats div a:hover{border-color:#ffffff47;}#skills-current .skills-container,#skills-future .skills-container{display:flex;justify-content:center;flex-wrap:wrap;}#skills-current .skills-container .skills-item,#skills-future .skills-container .skills-item{width:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1.2rem;}.skills-sm-text{font-size:.9rem;}#designs .designs-container{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem 1rem;}#designs .designs-container p{padding:0 1rem;}#designs .designs-container div img{transition:all .5s;}#designs .designs-container div img:hover{filter:brightness(120%);transform:translateY(5px);}#designs .designs-container .tools-used{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:1.6rem;margin-bottom:1.6rem;}#designs .designs-container .tools-used div{margin:.3rem;}#contact-me .form-container{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem 2rem;}#contact-me .form-container input:nth-child(1){grid-column:2/7;}#contact-me .form-container input:nth-child(2){grid-column:7/12;}#contact-me .form-container textarea{grid-column:4/10;}footer{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#0a1225;}footer .footer-icons{width:160px;display:flex;justify-content:space-between;}@media (max-width:1200px){#designs .designs-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){#about-grid{grid-template-columns:repeat(1,1fr);gap:3rem 1rem}#about-my-stats{grid-template-columns:repeat(2,1fr)}#about-my-stats div{padding:2rem}#about-my-stats div i{font-size:3.5rem}#about-my-stats div:nth-child(3){background-color:#16254a}#about-my-stats div:nth-child(4){background-color:#0a1225}#designs .designs-container{grid-template-columns:repeat(1,1fr)}#designs .designs-container>div:last-child{grid-column:1/2}#contact-me .form-container{grid-template-columns:repeat(12,1fr)}#contact-me .form-container input:nth-child(1){grid-column:3/11}#contact-me .form-container input:nth-child(2){grid-column:3/11}#contact-me .form-container textarea{grid-column:3/11}}@media (max-width:580px){h1{font-size:1.65rem}#about-my-stats{grid-template-columns:repeat(1,1fr)}#about-my-stats div{padding:2rem}#about-my-stats div i{font-size:3.1rem}#about-my-stats div:nth-child(3){background-color:#0a1225}#about-my-stats div:nth-child(4){background-color:#16254a}nav#fixed-top .container{flex-direction:column;align-items:center}nav#fixed-top .container a.logo{width:50px;height:50px;margin-bottom:1.2rem}#contact-me .form-container{grid-template-columns:repeat(12,1fr);gap:2rem 0}#contact-me .form-container input:nth-child(1){grid-column:1/13}#contact-me .form-container input:nth-child(2){grid-column:1/13}#contact-me .form-container textarea{grid-column:1/13}}@media (max-width:440px){nav#fixed-top .container ul{width:100%;justify-content:space-between}nav#fixed-top .container ul li{width:22%}}@media (max-height:420px){h1{font-size:1.8rem}}#nextjsicon{fill:#1f3468;transition:.5s;}#nextjsicon:hover{fill:#0a1225;}.heading-bold{font-weight:600;}