.mynavbar{background:var(--nav-bg-color);z-index:999;width:100%;padding:10px 50px;transition:background .3s;position:fixed;top:0}.mynavbar nav{justify-content:space-between;display:flex;position:relative}.mynavbar nav li{list-style:none}.mynavbar nav li a{text-decoration:none}.mynavbar nav ul{align-items:center;gap:10px;display:flex}.logo li a{color:var(--nav-text-color);font-family:variable;font-size:24px;font-weight:300}.mynavbar nav ul li a{color:var(--nav-text-color);font-family:variable;font-size:18px;font-weight:300;text-decoration:none}.mynavbar nav ul li{cursor:pointer;border-radius:6px;padding:6px}.mynavbar nav ul li:hover{background:var(--hover-color)}.mobile_icon{cursor:pointer;display:none}.divider{margin-bottom:100px}@media (max-width:800px){.mobile_icon{display:block}.mynavbar nav ul{background:var(--nav-bg-color);z-index:999;width:100%;animation:5s ease-in-out forwards heightAnimation;display:none;position:absolute;top:60px}@keyframes heightAnimation{0%{height:30%}50%{height:60%}70%{height:80%}to{height:max-content}}.openonmoble{cursor:pointer;color:#fff;text-align:center;border-radius:5px;margin-bottom:10px;padding:10px;font-weight:700;transition:background .3s;position:fixed;top:20px;right:20px;box-shadow:0 0 5px #00000080;background:var(--nav-bg-color)!important;display:block!important}.mynavbar nav ul li{margin-bottom:8px}}
.footer{text-align:center;color:#fff;background-color:#000;padding:5px}