html{box-sizing:border-box;scroll-behavior:smooth}*,:before,:after{box-sizing:inherit;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:system-ui,sans-serif;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}.b1 h2{text-align:left;font-size:12px}#Header{background:#0e141e;padding:10px}#Header>div{width:90%;max-width:900px;margin:0 auto;padding:0 20px}.menuIcon div{background-color:#000;width:20px;height:2px;margin:0 0 4px;transition:all .4s}#nav{border-top:1px solid #e0e0e0;padding:10px 0 0}#nav a{color:#c2c2c2;border-radius:50px;width:100%;margin:10px 15px 0 0;padding:4px 6px;font-weight:600;text-decoration:none;transition:background-color .3s}#nav a:hover{color:#fff}#nav a.active{color:#329c40;font-weight:600}#nav a.active:hover{color:#ffba92}.headerTop{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.b2{margin-right:50px;display:flex;position:relative}.b2 a{margin:0 10px;font-size:22px;text-decoration:none;position:relative}.b2 a>div{color:#fff;background-color:#3821a1;border-radius:50px;padding:2px 10px;display:none;position:absolute;top:100%;left:-60px}.b2 a:hover>div{display:block}#themeToggle{cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:-5px;right:-55px}#themeToggle:hover{background:#ffffff4d;transform:rotate(15deg)}.containerProjectsHeader{color:#fff;text-align:center;background:linear-gradient(135deg,#4a6cf7,#6f42c1);padding:40px 0;position:relative;box-shadow:0 4px 12px #0000001a}.containerProjectsHeader>*{color:#fff}@media screen and (width<=900px){.b2{margin-right:10px}}@media screen and (width<=600px){.HeaderDesktop{display:none}}#Header #MobileHeader{z-index:100;background:#161616;width:100%;height:100%;padding:0;transition:left .3s ease-in-out;position:absolute;top:0;left:-100%}#Header #MobileHeader>div{width:100%;margin:0 auto;padding:0}#navMobile{flex-wrap:wrap;width:100%;margin-top:20px;padding:10px 0;display:flex}#navMobile>a{color:#fff;border-bottom:1px solid #fff;width:100%;margin:0;padding:10px;text-decoration:none}#navMobile>a:hover{color:#ff7070;background:#ffffff1a;border-bottom:1px solid #ff7070}.BottomHeader{width:100%;margin:0 auto;position:absolute;bottom:10px;left:0}.BottomHeader .b2{justify-content:center;align-items:center;margin:0;display:flex}.BottomHeader .b1{text-align:center;margin:10px 0}.BottomHeader .b1 h1{margin:0;font-size:24px}.BottomHeader .b1 h2{text-align:center;opacity:.8;margin:0;font-size:16px;font-weight:400}.closeMenu{cursor:pointer;padding:10px;font-size:24px;position:absolute;top:5px;right:10px}.closeMenu:hover{color:red}.HeaderMobile{justify-content:space-between;align-items:center;padding:0 10px;transition:left .3s ease-in-out;display:flex}.HeaderMobile>div{color:#fff}.HeaderMobile .menuIcon{cursor:pointer}.HeaderMobile .menuIcon>div{background-color:#fff}#Header #MobileHeader.active{transition:left .3s ease-in-out;left:0}@media screen and (width>=601px){#Header #MobileHeader,.HeaderMobile{display:none}}#Footer{color:#dfdfdf;background-color:#222;justify-content:center;padding:8px 0;display:flex}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#fff;background-color:#f5f8ff;font-family:Open Sans,sans-serif;font-size:16px}