@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.navbar{position:fixed;z-index:9999;top:0;right:0;padding:10px;background-color:var(--dark)}.navbar-list{list-style:none;padding:0;margin:0 0 0 10px;display:flex}.navbar-item{display:inline-block;margin-right:20px;color:var(--yellow);text-decoration:none;font-size:2.3rem}@media (max-width: 700px){.navbar-list{flex-direction:column;gap:20px;padding:30px}}:root{--yellow: #fedd00;--dark: #333;--white: #fff;--offwhhite: #efefef}*{font-family:Nunito,sans-serif;margin:0;padding:0;box-sizing:border-box;text-decoration:none;outline:none;border:none;transition:all .2s linear}*::selection{background:var(--yellow);color:var(--dark)}html{font-size:62.5%;overflow-x:hidden}html::-webkit-scrollbar{width:1.4rem}html::-webkit-scrollbar-track{background:#222}html::-webkit-scrollbar-thumb{background:var(--yellow)}body{background-color:var(--white);overflow-x:hidden}section{min-height:100vh}a{text-decoration:none;color:var(--dark)}.btn{width:140px;height:45px;font-size:23px;cursor:pointer;border:none;outline:none;color:var(--dark);background-color:var(--white);font-weight:600;position:relative;transition:all .5s;z-index:1}.btn:before{content:"";position:absolute;top:0;left:-3px;width:5px;height:100%;background-color:var(--yellow);z-index:-1;transition:all .5s}.btn:hover:before{width:102.5%}.btn:hover{color:#000}.heading{text-align:center;text-transform:capitalize;margin:8rem 0 0;font-size:4rem;padding:1rem;border-bottom:.1rem solid #fff4;color:var(--dark)}.heading span{color:var(--yellow);background-color:var(--dark);padding:3px 7px}.container{width:85%;max-width:1300px;margin:0 auto}.top{position:fixed;bottom:7.5rem;right:2rem;z-index:100;display:none}.top img{width:40px}@media (min-width: 1201px){#about{margin-left:100px;padding:1.2rem}.education{margin-left:0}#portfolio{padding:2rem}#contact{margin-left:100px}}@media (max-width: 1200px){#home{margin-left:70px}section.home{top:-180px}html{font-size:55%}.home{padding:1rem 4rem}#about{margin-left:90px}#portfolio{padding:2rem}}@media (max-width: 991px){#home{margin-left:70px}section.home{top:-160px}#about{margin-left:70px;padding:1.2rem}.education{margin-left:50px}#portfolio{padding:2rem}#contact{margin-left:80px}}@media (max-width: 768px){html{font-size:50%}#home h1{font-size:3.5rem}#home h3{font-size:2rem}#home{margin-left:70px}section.home{top:0}#about{margin-left:50px}#portfolio{padding:1.2rem}#contact{margin-left:70px}}@media (max-width: 420px){#home h1{font-size:3.5rem}#home h3{font-size:2rem}#home{margin-left:70px}header{width:60vw}.heading{margin:0 3rem}#about{margin-left:70px}.about .image img{width:250px}.education .box__container .box{width:100%}.education{margin-left:20px}.portfolio .box__container{padding:0}.portfolio .box__container .box{width:100%}.contact .row form{margin:3rem 0}}.home{display:flex;justify-content:center;flex-flow:column;padding:0 15rem}.home h3{font-size:2.5rem;margin-bottom:20px;color:var(--dark)}.home h1{font-size:5rem;color:var(--dark)}.home h1 span{color:var(--yellow);background-color:var(--dark);margin-top:2rem;padding:5px 10px}.home p{font-size:2.7rem;color:var(--dark);padding:1rem 0}@media (max-width: 1200px){html{font-size:55%}.home{padding:1rem 4rem}}@media (max-width: 991px){.home{position:absolute;top:-40px}}@media (max-width: 768px){html{font-size:50%}.home{position:absolute;top:25px}}@media (max-width: 400px){.home{position:absolute;top:10px}}.about{display:flex;align-items:center;flex-wrap:wrap;padding:3rem;gap:2rem}.about .image{flex:1 1 1rem}.about .image img{max-width:350px;align-items:center;padding:.7rem;border:3px solid #666}.about .content{flex:1 1 40rem}.about .content .title{font-size:4rem;color:#222;text-transform:uppercase}.about .content p{color:#333;font-size:1.8rem;font-weight:500;padding:1rem 0;line-height:2}.about .btn:before,.about .btn{color:#333}.contact .row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.contact .row .content{flex:1 1 30rem;padding:4rem;padding-bottom:0}.contact .info{margin-bottom:12rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:1.5rem;align-items:flex-start;margin-top:3rem}.contact .info .box{padding:3rem 2rem;border:.2rem solid #333;text-align:center}.contact .info .box .contact-social{font-size:2.5rem;height:5rem;width:5rem;line-height:5rem;color:#fff;background-color:#333;padding:.5rem;margin-bottom:.5rem}.contact .info .box h3{margin:1.5rem 0;font-size:2.5rem;color:#333}.contact .info .box p{font-size:2rem;text-transform:none}.contact-text{font-size:2rem}.education{max-width:1300px}.education .box__container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding:1rem 0}.education .box__container .box{width:27rem;margin:4rem 1rem;padding-left:4rem;border-left:.2rem solid #fff;position:relative}.education .box__container .box span{font-size:1.8rem;background:#222;color:#fff;border-radius:5rem;padding:.5rem 2.5rem}.education .box__container .box h3{font-size:2rem;color:#fff;padding-top:1.5rem}.skills__icon{position:absolute;top:-1.5rem;left:-2.5rem;height:5rem;width:5rem;border-radius:50%;line-height:5rem;text-align:center;font-size:2rem;color:#fff;padding:5px;background:var(--yellow)}.box__container .box ul li{font-size:1.8rem;list-style:none;font-weight:700;color:var(--dark);padding:1rem 0}.portfolio .box__container{margin:40px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.portfolio .box__container .box img{height:100%;width:100%;object-fit:cover}.portfolio .box__container .box:hover img{transform:scale(1.1)}.card{position:relative;height:270px;display:block;background-color:#fff;box-shadow:0 1px 2px #00000026;transition:.4s linear;overflow:hidden}.card:hover{box-shadow:0 1px 35px #0000004d}.card .card-image{background-color:#000;height:100%;width:100%;overflow:hidden}.card .card-image img{height:100%;width:100%;object-fit:contain;transition:.3s}.card-content{height:270px;height:100%;width:100%;padding:6px;box-sizing:border-box;position:absolute;background-color:#000c;color:#fff;transition:.7s linear;top:200px}.card:hover .card-content{top:0;padding:20px}.card-content .card-title{font-size:1.9rem;font-weight:800;padding:8px}.card-content .card-subtitle{font-size:1.7rem;visibility:hidden;opacity:0}.card-content .bottom{font-size:1.6rem;visibility:hidden;opacity:0}.card:hover .card-subtitle,.bottom,.card:hover .bottom{visibility:visible;opacity:1}.buttons{position:absolute;bottom:20px;display:flex;gap:20px}.card-content .bottom button{float:left;padding:5px 10px;border-radius:5px;font-size:17px;background-color:var(--yellow);color:#333;font-weight:800;border:none;margin:10px 0;cursor:pointer;transition:.3s ease}.card-content .bottom button:hover{transform:scale(.9)}