.button{display:inline-flex;justify-content:center;align-items:center;padding:5px 10px;margin:5px;background-color:var(--buttonBackColor);color:var(--buttonTextColor);border:1px solid var(--buttonBorderColor);border-radius:7px;cursor:pointer}.buttonhighlighted{display:inline-flex;justify-content:center;align-items:center;padding:5px 10px;margin:5px;background-color:var(--buttonHightlightColor);color:var(--buttonTextColor);border:1px solid var(--buttonBorderColor);border-radius:7px;cursor:pointer}.buttongray{display:inline-flex;justify-content:center;align-items:center;padding:5px 10px;margin:5px;background-color:var(--buttonInactiveBack);color:var(--buttonInactiveText);border:1px solid var(--buttonInactiveBorder);border-radius:7px;cursor:pointer}.smallbutton{display:inline-flex;justify-content:center;align-items:center;padding:3px 7px;margin:5px;background-color:var(--buttonBackColor);color:var(--buttonTextColor);border:1px solid var(--buttonBorderColor);border-radius:7px;font-size:12px;cursor:pointer}.text16{font-size:16px}.text14{font-size:14px}.text12{font-size:12px}input{margin:5px;border:none;outline:0;font-size:18px;height:30px;width:90%;border-radius:10px;background-color:#fff}select{display:block;margin:5px;border:none;outline:0;font-size:18px;height:30px;width:90%;border-radius:10px;background-color:#eee}label{display:block;margin:5px}hr{margin:0}::placeholder{color:#aaa;font-style:italic}.loginoverlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(10,10,10,.3);backdrop-filter:blur(5px);z-index:2;opacity:0;transition:all .5s}.loginform{min-height:250px;margin:20px;background-color:var(--mainContentBackColor);border-radius:10px;box-shadow:5px 5px 15px #555}.loginform>h2{padding:10px;border-radius:10px 10px 0 0;background-color:var(--mainHeaderColor);margin:0 0 20px 0}.loginform>input{padding-left:10px;margin-left:15px;background-color:#d5ebf6}.loginform>span{margin-left:15px}.loginfeedback{display:inline-block;margin:10px;color:#333}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa-Medium.ttf)}*{font-family:Comfortaa;box-sizing:border-box}body{margin:0;padding:0;background-color:var(--mainContentBackColor);overflow:hidden}.logofull{font-size:24px;padding-left:10px;cursor:pointer;font-weight:700}.logomobile{font-size:18px;padding-left:10px;cursor:pointer;font-weight:700}.logofirst{color:#17b2ff}.logolast{color:#f0ca40}.menuBtn{position:relative;top:-4px;margin-left:10px;width:40px;cursor:pointer}.header{height:40px;background-color:var(--mainHeaderColor);padding:5px}#headercontent-full{display:inline-flex;align-items:center;justify-content:flex-end;float:right;margin-right:10px}#headercontent-full>div{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;background-color:#d5ebf6;border-radius:5px;padding-right:5px}.headermobile{display:none}#headercontent-mobile{position:relative;top:-5px}#headercontent-mobile>div{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;border-radius:5px;margin:0 10px;background-color:#d5ebf6;padding:0 5px}#infobar{display:flex;align-items:center;justify-content:center;background-color:#f3e6b8;min-height:14px;font-size:12px;font-weight:700;padding:2px;color:#06354b;border-bottom:2px solid var(--mainHeaderColor)}.left-menulist>span{display:block;font-size:16px;padding:10px 5px 1px 10%;cursor:pointer;border-radius:5px;color:var(--textColor)}.left-menulist>span:hover{font-style:italic;font-weight:700;background-color:#eee}.left-menulist>hr{margin:10px 20px 0 10%;max-width:150px}.left-menulist>:first-child{margin-top:0;max-width:500px}.left-menulist>:last-child{margin-bottom:30px}.rightcoldiv{border:1px solid #eee;border-radius:3px;padding:10px;margin:10px}.footer{height:0;background-color:#333;color:#f5f5f5}.footercontent{display:flex;justify-content:center;font-size:14px;color:#777}#popupMenu{position:fixed;display:flex;flex-direction:column;align-items:center;font-size:2rem;border-radius:5px;top:0;left:105vw;width:100vw;height:100vh;background-color:var(--mainContentBackColor);transition:left .3s;z-index:10}#popupinner{display:grid;grid-template-columns:1fr 1fr;width:100%;overflow-y:auto}.popuptop{display:grid;grid-template-columns:auto 40px;align-items:center;height:40px;width:100%;background-color:var(--mainHeaderColor)}.popuptop>img{width:30px;float:right;margin:0 20px 0 0;cursor:pointer}.mobileMenuSection{padding:20px 1px 1px 1px;border:1px solid gray;border-radius:5px;background-color:var(--mobileMenuHeaders);margin:3px}.mobileMenuSection>div{display:flex;flex-direction:column;height:100%;border:1px solid gray;border-radius:5px;background-color:var(--mainContentBackColor);padding:15px 0 15px 0}.mobileMenuSection>div>span{color:#000;cursor:pointer;padding:5px;font-size:20px}.mobileMenuSection>div>span>img{width:24px;margin-right:10px;vertical-align:middle}.logomenu{position:relative;font-size:24px;padding-left:15px;top:5px;font-weight:700}#infoPopup{position:absolute;top:55vh;left:50%;margin-left:-150px;width:300px;min-height:100px;text-align:center;padding:15px;border-radius:5px;box-shadow:3px 3px 15px #787878;z-index:7;opacity:0;transition:opacity .4s ease-in}.infoPopupAlert{background-color:#fff;border:3px solid gray}.infoPopupWarn{background-color:#ffffd1;border:3px solid #ff0}.infoPopupError{background-color:#ffe3e3;border:3px solid red}.floatright{float:right}.noscroll{overflow:hidden}.firstLetter{color:#54e99a}.visibilityHidden{visibility:hidden}.displayNone{display:none}.wrapper{display:grid;margin-top:2px}.center,.left,.right{height:calc(100vh - 60px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.center{z-index:1;background-color:var(--mainContentBackColor);border:1px solid var(--mainContentBorderColor);border-radius:10px}.right{padding:0 10px;background-image:var(--backgroundImage)}.left{background-image:var(--backgroundImage)}.center:hover,.left:hover,.right:hover{scrollbar-color:var(--scrollForeColor) var(--scrollBkColor)}@media screen and (min-width:950px){.wrapper{grid-template-columns:1fr 660px .9fr}.headerfull{display:grid;grid-template-columns:1fr 660px .9fr}#headercontent-full{display:none}.headermobile{display:none}#popupMenu{display:none}}@media screen and (min-width:650px) and (max-width:950px){.wrapper{grid-template-columns:200px 1fr}.headerfull{display:grid;grid-template-columns:200px 1fr}.headermobile{display:none}.center{width:100%}.right{display:none}#popupMenu{display:none}}@media screen and (max-width:650px){.wrapper{grid-template-columns:1fr}.left{display:none}.center{min-width:100%}.right{display:none}.headerfull{display:none}.headermobile{display:grid;grid-template-columns:100px 1fr 50px;justify-content:center;align-items:center}.logofull{font-size:18px;margin-left:10px;padding-left:0;padding-bottom:10px}#popupMenu{display:flex}}.commentavatar{border-radius:25% 5%;margin:3px;width:30px;height:30px;cursor:pointer}.smallestavatar{border-radius:25% 5%;margin:5px;width:40px;height:40px;cursor:pointer}.smallavatar{border-radius:25% 5%;vertical-align:middle;width:50px;height:50px;cursor:pointer}.mediumavatar{border-radius:25% 5%;width:75px;height:75px;vertical-align:top;cursor:pointer}.largeavatar{border-radius:25% 5%;width:150px;height:150px;vertical-align:middle;cursor:pointer}.overlayAll{display:grid;grid-template-columns:minmax(320px,650px);justify-content:center;grid-auto-rows:min-content;background-color:rgba(50,50,50,0);top:20px;left:0;width:100%;height:100%;overflow-y:hidden;position:fixed;transition:all .3s ease-in;opacity:0;pointer-events:none;scrollbar-width:thin;z-index:2}.ovlyinner{background-color:var(--mainContentBackColor);border:1px solid var(--overlayInnerBorder);height:calc(100vh - 40px);pointer-events:all;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#eee #aaa;margin-top:40px;padding-bottom:100px}@media screen and (min-width:950px){.overlayAll{grid-template-columns:1fr 670px .9fr}.ovlyinner{grid-column:2/3;border:1px solid var(--overlayInnerBorder)}}@media screen and (min-width:650px) and (max-width:949px){.overlayAll{grid-template-columns:200px 1fr}.ovlyinner{grid-column:2/3;border:1px solid var(--overlayInnerBorder)}}@media screen and (max-width:650px){.overlayAll{grid-template-columns:1fr}.ovlyinner{border:none}}.friendsOverlay{z-index:3}.ovlyheader{position:sticky;top:0;height:50px;z-index:5}.overlayCloseBtn{position:fixed;top:70px;right:25px;float:right;width:40px;opacity:.7;border-radius:50%;cursor:pointer;z-index:7}.headerDivIcon{width:35px;margin-right:10px;cursor:pointer}.menuicon{width:30px;height:30px;margin-right:8%;vertical-align:middle}