@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Poppins,sans-serif}:root{--bg-color: #081b29;--second-bg-color: #112e42;--text-color: #ededed;--main-color: #00abf0}html{font-size:62.5%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color)}.btn-box{position:relative;display:flex;justify-content:space-between;width:34.5rem;height:5rem}.btn-box .btn{position:relative;display:inline-flex;justify-content:center;align-items:center;width:15rem;height:100%;background:var(--main-color);border:.2rem solid var(--main-color);border-radius:.8rem;font-size:1.8rem;font-weight:600;letter-spacing:.1rem;color:var(--bg-color);z-index:1;overflow:hidden;transition:.5s}.btn-box .btn:nth-child(2){background:transparent;color:var(--main-color)}.btn-box .btn:hover{color:var(--bg-color)}.btn-box .btn:nth-child(2):before{background:var(--main-color)}.btn-box .btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--bg-color);z-index:-1;transition:.5s}.btn-box .btn:hover:after{width:100}.btn-box.btns{display:inline-block;width:15rem}.btn-box.btns a:before{background:var(--second-bg-color)}@media (max-width: 1200px){html{font-size:55%}}@media (max-width: 991px){.header{padding:2rem 4%}section{padding:10rem 4% 2rem}.home{padding:0 4%}.footer{padding:2em 4%}}@media (max-width: 850px){.animate.home-img{width:55%}}@media (max-width: 768px){#menu-icon{display:block}.navbar{position:absolute;top:100%;left:-100%;width:100%;padding:1rem 4%;background:var(--bg-color);box-shadow:0 .5rem 1rem #0003;z-index:1;transition:.25s ease-in-out}.navbar.active{left:0;transition-delay:0s}.navbar ul{list-style:none;padding:0;margin:0}.navbar li{margin-bottom:1rem}.navbar a{display:block;padding:.5rem 1rem;font-size:1.5rem;color:var(--text-color);font-weight:500;transition:.25s ease-in-out}.navbar a:hover,.navbar a.active{color:var(--main-color)}}@media (max-width: 520px){html{display:flex;flex-direction:column}.home-sci{width:160px}.home-sci a{width:38px;height:38px}}@media (max-width: 462px){.home-content{font-size:5.2rem}.education{padding:10rem 4% 5rem 5%}.contact form .input-box .input-field{width:100%}.footer{flex-direction:column-reverse}.footer p{margin-top:2rem;text-align:center}}@media (max-width: 371px){.home{justify-content:center}.home-content{display:flex;align-items:center;flex-direction:column;text-align:center}.home-content h1{font-size:5rem}}
