@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap");body{margin:0;padding:0;font-family:Poppins,sans-serif;background-color:var(--blue)}:root{--db:#000017;--lb:#41e6ff;--textwhite:#fff;--textblack:#000;--blue:#2b2a33}.menu-icon{display:none}.navbar{height:auto;background-color:var(--db);position:relative}h1{color:var(--textwhite);margin-right:20px}span{color:var(--lb)}.firsthalf{display:flex;align-items:center;justify-content:space-between}.nav-elements ul a{color:var(--textwhite);text-decoration:none}.nav-elements ul li i{color:var(--textwhite);margin-right:4px}.nav-elements ul li a:after{content:"";width:0;background-color:var(--textwhite);height:3px;display:flex;transition:.5s}.nav-elements ul li a:hover:after{width:100%}.nav-elements ul a.active{color:var(--lb)}@media (max-width:700px){.container{padding:5.5vw}.menu-icon{display:block;cursor:pointer;color:var(--textwhite);font-size:35px;z-index:1004}.nav-elements{position:absolute;width:0;height:100vh;overflow:hidden;z-index:1000;right:0;top:0;transition:all .3s ease-in}.nav-elements.active{width:200px;background-color:var(--db);transition:.8s}.nav-elements ul{display:flex;flex-direction:column;margin-top:10vh;padding-left:20px}.nav-elements ul li{margin-right:auto}}