.nav-container{width:100%;height:10vh;z-index:99999;background:transparent;position:fixed;left:0;top:0}.nav-body{max-width:1300px;margin:0 auto;width:100%;height:10vh;display:flex;align-items:center;justify-content:space-between;padding:10px}.nav-cntrl{display:none}.nav-body .nav-profile{width:50px;height:50px;border-radius:50%;object-fit:contain}.nav-body .FaGlobe{color:#04e1e1;font-size:40px}.nav-body .nav-list{display:flex;align-items:center;justify-content:end;gap:20px}.icon{color:#04e1e1}.link-container{color:#b2b1b1}.active,.link-container{display:flex;align-items:center;justify-content:center;gap:10px}.active{font-weight:700}.active,.active-icon{color:#fff}@media screen and (max-width:550px){.nav-cntrl{display:block;font-size:30px;color:#04e1e1}.nav-body{padding:10px}.nav-body .nav-list{position:absolute;align-items:start;justify-content:center;flex-direction:column;gap:20px;top:60px;right:10px;padding:30px;background:#000;width:150px;height:300px;border:1px solid #04e1e1}.nav-body .nav-list.hide{display:none}.nav-body .nav-list.show{display:flex}}.app-body{display:flex;justify-content:start;align-items:center;width:100%;height:100vh;background:#0d2242;position:fixed;top:0;left:0;overflow:auto}.app-contents{max-width:1300px;width:100%;height:100%;margin:0 auto}