*{margin:0;box-sizing:border-box;font-family:Rubik,sans-serif;font-weight:400;font-style:normal;padding:.5vw}.centerNav{display:flex;justify-content:center}body{transition:background-color .5s ease}a{cursor:pointer}.navBar{width:80vw;position:fixed;top:1vh;display:flex;justify-content:space-between;align-items:center;background-color:#666;z-index:100;border-radius:1vh}.rightNav{display:flex;justify-content:flex-end;gap:1vw;font-size:1.3rem;padding:0;margin-right:.4vw;flex-wrap:wrap}.leftNav{font-size:3rem}.navBarElement{text-decoration:none;color:#fff;flex-grow:0;transition:all .5s}.navBarElement:hover{background-color:#333;border-radius:.8vw;transition:all .5s;padding:1vw}.notNavBar{display:flex;flex-direction:column;width:80vw}.hiddenUp{opacity:0;filter:blur(5px);transform:translateY(-50%)}.showUp{filter:blur(0);transform:translateY(0);opacity:1;transition:transform 1s ease,opacity 1s ease,filter 1s ease}.hidden{padding-left:0;opacity:0;filter:blur(5px);transform:translate(-100%);transition:all 1s ease}.show{filter:blur(0);transform:translate(0);opacity:1;transition:transform .6s ease,opacity 1s ease,filter 1s ease,color 1s ease}.subpageImg{display:flex;justify-content:center;align-items:center}