body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}#root{height:100%}:root{--teal:#85c7d6}.App{-webkit-touch-callout:none;background-color:#2a2a2a;cursor:default;height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:row;height:10%;justify-content:space-around;padding:0 30px}h1{font-size:calc(10px + 2vmin)}h1,h2{-webkit-margin-after:unset;-webkit-margin-before:unset;font-weight:unset;margin-block-end:unset;margin-block-start:unset}h2{font-size:calc(6px + 1.5vmin)}.App-header-box{align-items:center;display:flex;height:100%;justify-content:space-evenly}.menu-icon:hover{background-color:grey}.App-header-underline.selected{border:3px solid #85c7d6;border:3px solid var(--teal);border-radius:5px;bottom:-10px;left:5px;position:absolute;right:5px}.App-header-login{font-size:18px;position:fixed;right:60px;top:10px}.App-body{-ms-overflow-style:none;height:90%;min-height:90%;overflow-y:scroll;position:relative;scrollbar-width:none;top:0}.App-body::-webkit-scrollbar,.blog::-webkit-scrollbar{display:none}.infopanel-inner::-webkit-scrollbar{display:none}.App-timeline-rows{align-items:center;display:flex;flex-direction:column;width:100%}.timelineElement{border-width:10px;font-size:16px;text-align:left;width:600px}.timelineCircle.film{font-size:18px;margin:5px 0}.timelineCircle{color:grey}.timelineCircle.videogame{color:purple}.timelineCircle.comic{color:#408040}.timelineCircle.novel{color:#cc8000}.timelineCircle.tv{color:#404080}.timelineElement.film{font-size:24px;font-weight:700}.timeline-row{align-items:center;display:flex;flex-direction:column;justify-content:center;left:135px!important;width:66%!important}.timelineElementWrapper{background-color:#000;border:solid grey;border-radius:12px;color:#fff;display:flex;height:22px;overflow:hidden;padding-bottom:1px;padding-top:1px;width:50%}.timelineElementWrapper.videogame{border:solid purple}.timelineElementWrapper.comic{border:solid #408040}.timelineElementWrapper.novel{border:solid #cc8000}.timelineElementWrapper.tv{border:solid #404080}.timelineElementWrapper.film{height:38px}.timelineElementWrapper.selected{background-color:#85c7d6;background-color:var(--teal)}.timelineElementWrapper:hover{background-color:grey}.scroll-list{scrollbar-width:none}.infopanel-wrapper{height:80%;position:fixed;right:0;top:15%;width:40%;z-index:2}.infopanel{background-color:#008b8b;border:solid #008b8b;border-radius:12px;display:flex;flex-direction:column;height:100%;position:relative}.header-box{display:flex;justify-content:space-between}.infopanel-inner{-ms-overflow-style:none;background-color:#85c7d6;background-color:var(--teal);border:#fff;border-style:solid;margin:5px;padding:5px;scrollbar-width:none}.title{font-size:20px}button{background-color:#85c7d6;background-color:var(--teal);border:2px solid #008b8b;border-radius:10px;color:#000;padding:2px 10px}button:hover{background-color:grey}.modal-button{background-color:#000;color:#fff;position:absolute;right:10px}.link-text{border-radius:10px;font-size:medium;height:24px;overflow:hidden;padding:2px 20px}.link-text:hover{background-color:grey}button.selected{background-color:#008b8b}.blog-button{background-color:#85c7d6;background-color:var(--teal);border:4px solid #008b8b;color:#000}.modal-header{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}li{padding:3px 0}.filter-button{background-color:#282c34;border:2px solid #000;-webkit-clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);color:#fff;height:20px;position:fixed;text-align:center;top:10%;-webkit-transform:translate(-50%);transform:translate(-50%);width:125px}input{float:right;margin-left:20px;padding-left:5px}.input-container{margin-top:5px}.image{align-items:center;display:flex;flex-direction:column;height:300px;margin:20px}.text-page{background-color:#fff;padding:30px}.blog{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-end;padding:30px}.blog-inner{background-color:#fff;width:50%}.side-nav{background-color:#fff;width:30%}.blogEntry{border:4px solid #000;padding:10px}.blog-body{display:flex}.blog-text{margin-bottom:10px}.blog-header{background-color:#fff;border:4px solid #000;margin:5px;padding:10px;text-align:center}.side-panel-container{align-self:center;margin-left:15px;pointer-events:none;position:fixed;top:15%;z-index:2}.filter-panel{background:#282c34;border:6px solid grey;border-radius:12px;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px;padding:10px;pointer-events:auto;position:relative;width:300px;z-index:2}.content-suggestion{display:flex}.ReactModal__Content{background:#85c7d6!important;background:var(--teal)!important;border:6px solid #008b8b!important;border-radius:12px!important;color:#000;inset:unset!important;left:50%!important;max-height:90%;position:fixed!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.ReactModal__Overlay{z-index:5}.menu-icon{align-items:center;border-radius:10px;display:flex;flex-direction:column;font-size:medium;padding:5px 5px 2px;position:relative}.icon{height:3.5vh}.small-icon{height:2vh}.menu-icon-row{background-color:#000;height:5px;margin:6px 0;width:35px}.profile-wrapper{align-items:center;display:flex;flex-direction:column;padding:30px}.profile{width:40%}.profile-title{background-color:#85c7d6;background-color:var(--teal);border:solid #fff;font-size:calc(10px + 2vmin);padding:5px;text-align:center}.profile-icons{align-items:center;display:flex;flex-flow:wrap;justify-content:center}.subtitle{font-size:20px;text-align:center}.profile-panel{background-color:#85c7d6;background-color:var(--teal);border:#fff;border-style:solid;margin-bottom:5px;margin-top:5px;padding:5px}.tooltip{position:relative}.tooltip .tooltip-text{background-color:#000;border-radius:6px;color:#fff;font-size:12px;left:50%;margin-left:-75px;padding:5px;position:absolute;text-align:center;top:100%;visibility:hidden;width:140px;z-index:1}.tooltip:hover .tooltip-text{visibility:visible}footer{align-items:center;background-color:#282c34;color:#fff;display:flex;height:40px;justify-content:space-evenly;margin-top:20px;position:-webkit-sticky;position:sticky;top:100%}a{color:unset;text-decoration:unset}.mobile-only{display:none}.era-icon{color:#fff;font-size:small;height:8vh;margin:0 0 3vh;text-align:center}.progress-bar-outer{background-color:grey;border:solid #000;border-radius:13px;margin:10px}.progress-bar-inner{background-color:#008b8b;border-radius:10px;color:#fff;height:30px;line-height:30px;text-align:center;width:0}.commentInput{height:120px;width:80%}.comment{border:2px solid #008b8b;border-radius:10px;display:flex;margin-bottom:10px;padding:10px}.comment-text{text-wrap:pretty;margin-bottom:10px}.clickable:hover{cursor:pointer}.clickable.selected{color:#008b8b}.small-text{display:inline;font-size:small;padding-left:5px}.achievement{margin:10px}.achievement,.profile-pic{height:80px;width:80px}.profile-pic.selected{border:5px solid red;box-sizing:border-box}.unearned{-webkit-filter:grayscale(1) opacity(.3);filter:grayscale(1) opacity(.3)}@media screen and (max-width:1300px){.desktop-only{display:none}.mobile-only{display:unset}.infopanel-wrapper,.timeline-row,.timelineElementWrapper{width:100%}.App-header-box{display:flex}.side-panel-container{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.modal-background.enabled{background-color:hsla(0,0%,100%,.75);height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%}.disabled{display:none}.blog-inner,.profile{width:100%}.menu-icon{font-size:small}.side-nav{display:none}.commentInput{width:99%}}@media screen and (max-width:700px){.App-header{background-color:#282c34;display:flex;flex-direction:column-reverse;padding:0}.App-header-box{width:100%}.timeline-row{left:0!important;width:95%!important}.hide-mobile{display:none}.blog-body{align-items:center;flex-direction:column!important}.ReactModal__Content{left:0!important;right:0!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.menu-icon{font-size:x-small;margin-top:5px;padding:0 3px;text-align:center}.menu-sub-icon{flex-direction:row}}
/*# sourceMappingURL=main.7ca5a6e0.css.map*/