.navi{display:flex;justify-content:center;align-items:center;background-color:#0d1117;border-radius:6rem;position:fixed;left:50%;transform:translateX(-50%);width:35%;padding:10px 0;margin:1.5px 0 5%;z-index:1000}.navi a,.navi h3{color:#fff}.navi a{padding:5px;border-radius:3rem;border-color:#2ea2f0;text-decoration:none;margin:0 20px;font-size:16px;opacity:.8;cursor:pointer}.navi a:hover{color:#2ea2f0;border-color:#2ea2f0}.navi .toggle{padding:5px;color:#fff;border-radius:3rem;border-color:#2ea2f0}.navi .toggle:hover{color:#2ea2f0;border-color:#2ea2f0;background-color:#333}@media screen and (max-width:1328px){.navi{position:absolute;margin:0;top:0;width:100vw}}.navi.mobile{width:100%;border-radius:0;margin:0}