.navbar{-webkit-backdrop-filter:blur(5px);z-index:100;background:#101828;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-bottom:10px;font-size:18px;display:flex;position:fixed;box-shadow:0 4px 30px rgba(0,0,0,.1)}.main-nav{list-style-type:none;display:none}.nav-links,.logo{color:var(--text-primary);text-decoration:none}.main-nav li{text-align:center;margin:35px auto}.logo{margin-top:10px;font-size:22px;display:inline-block}.navbar-toggle{cursor:pointer;color:var(--text-primary);font-size:24px;position:absolute;top:10px;right:20px}#chkToggle{display:none}#chkToggle:checked+ul.main-nav{display:block}@media screen and (min-width:768px){.navbar{display:none}}