body{margin:0}.centered-div{place-items:center;margin:0;display:grid}.page{border-left:1px solid silver;border-right:1px solid silver;width:85%;min-height:100vh}@media (width>=768px){.page{width:500px}}.navbar{background-color:#7b68ee}a:hover{opacity:1;cursor:pointer}.sign-in-button{opacity:.8;color:#fff;background-color:green;border-radius:10px;margin:1rem .5rem;padding:.5rem 1rem;text-decoration:none}.modal{z-index:1;background-color:#0006;width:100%;height:100%;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:#fefefe;border:1px solid #888;width:80%;min-height:80%;margin:15% auto;padding:20px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;cursor:pointer;text-decoration:none}.loader-overlay{z-index:9999;background-color:#ffffffb3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loader{aspect-ratio:1;border-radius:50%;width:15px;animation:1s linear infinite alternate l5}@keyframes l5{0%{background:#000;box-shadow:20px 0 #000,-20px 0 #0002}33%{background:#0002;box-shadow:20px 0 #000,-20px 0 #0002}66%{background:#0002;box-shadow:20px 0 #0002,-20px 0 #000}to{background:#000;box-shadow:20px 0 #0002,-20px 0 #000}}