:root{--clear-background:#ffffffc8;--main-blend-height:5vh;--main-min-height:calc(70vh - var(--main-blend-height));--primary-link-color:#0088c4;--primary-title-color:#0088c4;--active-link-color:#4073ad;--title-color:#0e3867;--accent-link-color:#9fc52d;--secondary-link-color:#2ea5a4;--shadow-color:#4073ad;--primary-gradient:linear-gradient(#2b4d73,#00b1ff);--secondary-gradient:linear-gradient(90deg,#00ffb3,#00b1ff);--inverse-secondary-gradient:linear-gradient(-90deg,#00ffb3,#00b1ff);--default-transition:all var(--pico-transition);--border-radius:25px}main aside.side-menu{--pico-nav-element-spacing-vertical:0}main aside.side-menu ul{background:var(--primary-gradient);border-radius:var(--border-radius)0 0 var(--border-radius);flex-direction:column;gap:.5rem;padding:.5rem;list-style-type:none;display:flex}main aside.side-menu ul>li>a{color:#fff;transition:var(--default-transition);border-radius:var(--border-radius);border:1px solid #0000;padding:.5rem;text-decoration:none;display:block}main aside.side-menu ul>li>a:hover{background:var(--secondary-gradient);box-shadow:0 0 5rem var(--shadow-color);color:#000;text-decoration:none}@media (max-width:768px){main aside.side-menu>ul{border-radius:0;position:relative;left:0}}@media (min-width:768px){main aside.side-menu{flex:0 auto}main aside.side-menu>ul{position:sticky;top:20px}}