*{box-sizing:border-box}html{color:#ececec;font-family:Open Sans,sans-serif;scroll-behavior:smooth;background-color:#080808}body,html{height:100%;width:100%}body{margin:0;box-sizing:border-box}nav{justify-content:space-between;padding:20px;position:fixed;z-index:1000;top:0;left:0;width:100%;height:max(8vh,70px);background-color:#000000da;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.linkContainer,nav{display:flex;align-items:center}.linkContainer{width:50%;justify-content:start;font-size:20px;font-weight:200}.linkContainer a{color:#fff;text-decoration:none;padding:0 20px;margin:0}.linkContainer a:hover{text-decoration:underline}.profileContainer{width:50%;display:flex;justify-content:end;align-items:center}.SignButton,.SignOutButton{background-color:transparent;color:#fff;border:none;cursor:pointer;font-size:20px;font-weight:600;padding:7px 20px;color:#6790ffda;text-shadow:2px 2px 5px #0030b4da,-2px -2px 5px #0031b8da}.SignOutButton{color:#ff6767da;text-shadow:2px 2px 5px #b40000da,-2px -2px 5px #b80000da}.pfp{border-radius:100%;border:1px solid #fff}@media only screen and (max-width:400px){.linkContainer a{font-size:16px}.SignButton,.SignOutButton{font-size:18px}.pfp{display:none}.profileContainer{justify-content:center}}