#home{padding:20px;flex:1;text-align:center;font-size:larger}#reader{flex:1;padding:10px;font-size:larger;display:flex;flex-direction:column;overflow:auto}#reader .header{flex-shrink:0;height:80px;padding-top:10px;padding-bottom:10px;display:flex;justify-content:space-between;align-items:center}#reader-tabspace{display:flex;flex-direction:column;overflow:auto;flex-grow:1;text-align:center}.scroll{padding-right:60px}.viewer{font-family:Arial,sans-serif;line-height:1.6;padding-left:10px;padding-right:10px}.viewer h1,.viewer h2,.viewer h3,.viewer li,.viewer dt,.viewer p{color:#fff;text-align:left}.viewer h1{margin-top:10px}.viewer h2{margin-top:30px;margin-bottom:0;border-top:1px solid #ffffff}.viewer p{margin:0}.viewer caption,.viewer figcaption{color:#fff;font-size:small}.viewer table{margin-left:auto;margin-right:auto}.viewer tr,.viewer td,.viewer th{background-color:#c8c8c8;color:#333}.viewer a{color:#bb86fc;text-decoration:none}.viewer img{max-width:100%;height:auto;border-radius:4px}.floater{position:fixed;bottom:20px;right:20px}#cloud{padding:20px;flex:1;text-align:center;font-size:larger}#content{height:100%;width:100%;margin-left:220px;position:fixed;z-index:1}#unauthorised,#settings{padding:20px;flex:1;text-align:center;font-size:larger}#birder{padding:20px;flex:1;text-align:center;font-size:larger;overflow:auto}#tracker{padding:10px;flex:1;text-align:center;font-size:larger;overflow:auto}#sidebar{align-items:stretch;display:flex}#prosidebar{border-color:#1e1e1e}#sidebar .logotext{height:60px;display:flex;padding:10px;align-items:center;justify-content:center;gap:10px;font-size:24px;font-weight:700}#sidebar .smalllogo{max-width:30pt;height:auto}#sidebar .logoname{margin:0}#sidebar .togglemenu{align-items:center;display:flex}#separatorbottom{color:#ffffff1f;margin-top:auto;margin-left:20px;margin-right:20px}#topbar{display:flex;height:50px;justify-content:space-between;align-items:center;width:100%}#topbar .left{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:25px;margin:20px}#topbar .home{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}#topbar .smalllogo{max-height:30pt;width:auto}#topbar .right{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:10px}#loginmodal{display:flex;justify-content:center}#loginmodal .modal_container{margin-top:2%;background-color:#181818;align-self:flex-start;max-height:80%;overflow:auto;border-radius:10px;width:30%}@media only screen and (max-width: 760px){#loginmodal .modal_container{width:80%}}.form{margin:35px 10px 10px;padding:10px 20px 0;background:#242424;border-radius:5px;display:flex;flex-direction:column}.footer{text-align:left;padding-left:17px;margin:10px 15px}#logoutmodal{display:flex;justify-content:center}#logoutmodal .modal_container{margin-top:2%;background-color:#181818;align-self:flex-start;max-height:80%;overflow:auto;border-radius:10px;width:30%}@media only screen and (max-width: 760px){#logoutmodal .modal_container{width:80%}}.logo{display:block;margin-left:auto;margin-right:auto;max-width:50pt;height:auto;margin-top:30px}.modal_text{padding:5px;text-align:center}.dual_buttons{display:flex;justify-content:center;gap:20px;margin:0 30px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;position:absolute;height:100%;width:100%;flex-direction:column}#router-content{display:flex;flex-direction:row;height:100%;overflow-x:hidden}body{margin:0;display:flex;position:absolute;height:100%;width:100%}