#root{text-align:center;margin:0 auto}html,body{width:100%;height:100%;margin:0;padding:0}.post-pin:hover{cursor:pointer}.log-screen-button{appearance:none;color:#eee;text-align:center;cursor:pointer;background-color:#755bae;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;width:70px;height:20px;font-weight:700;display:flex}.log-screen-button:hover{background-color:#8270ab}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}button{cursor:pointer;height:20px;padding:1px 2px}.overlay-map{z-index:100;justify-content:center;width:100vw;height:100vh;display:flex;position:fixed}.overlay{z-index:1000;background-color:#47366d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.sign-in-box{text-align:center;z-index:1000;background-color:#ababab;justify-content:center;align-items:center;width:300px;padding:20px;position:relative;box-shadow:0 0 10px #00000080}.post-outer-box{justify-content:center;align-items:center;width:50%;display:flex}.post-box{text-align:center;z-index:1000;background-color:#ababab;justify-content:center;align-items:center;width:100vw;height:50%;padding:20px;box-shadow:0 0 10px #00000080}.overlay-post{z-index:1000;justify-content:center;width:100vw;height:100vh;display:flex;position:fixed}.sign-in-inner-box-config{justify-content:center;align-items:center;display:flex}.sign-in-inner-box{z-index:1001;width:200px}.post-inner-box-config{justify-content:center;align-items:center;padding:10px;display:flex}.post-inner-box{z-index:1001;width:100%;padding:10px}.post-inner-box img{width:95%;height:auto}.right-side-bar{flex-direction:column;gap:10px;display:flex;position:fixed;top:10%;right:20px}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}
