@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);:root{--font-color:#222;--bg-color:#cfd8dc;--action-color-primary:#6a1b9a;--action-color-secondary:#01579b;--action-font-color:#fff;--action-bg-color:linear-gradient(40deg,var(--action-color-primary),var(--action-color-secondary));--sidebar-bg-color:#fff;--sidebar-font-color:var(--font-color);--bg-card-color:var(--sidebar-bg-color)}body[data-dark=true]{--font-color:#fff;--bg-color:#212121;--action-color-primary:#6a1b9a;--action-color-secondary:#01579b;--action-font-color:#fff;--action-bg-color:linear-gradient(40deg,var(--action-color-primary),var(--action-color-secondary));--sidebar-bg-color:#263238;--sidebar-font-color:var(--font-color);--bg-card-color:var(--sidebar-bg-color)}body{background-color:#cfd8dc;background-color:var(--bg-color);font-family:Roboto,sans-serif;margin:0;padding:0 0 0 280px}a,body{color:#222;color:var(--font-color)}a{text-decoration:none}ul#sidebar{background:#fff;background:var(--sidebar-bg-color);height:100%;left:0;list-style:none;margin:0;padding:0;position:fixed;top:0;width:280px}ul#sidebar li a{color:#222;color:var(--sidebar-font-color);font-weight:700;text-decoration:none}ul#sidebar li.brand{font-size:20px;line-height:100px}ul#sidebar li.action{margin-bottom:20px;padding-left:20px;padding-right:40px;text-align:center}ul#sidebar li.action a .title{padding-left:10px}ul#sidebar li.action a{background:linear-gradient(40deg,#6a1b9a,#01579b);background:var(--action-bg-color);border-radius:40px;color:#fff;color:var(--action-font-color);display:block;font-weight:700;line-height:40px;padding-left:0;text-transform:uppercase}ul#sidebar li{margin-left:20px;position:relative}ul#sidebar li,ul#sidebar li a{border-bottom-left-radius:50px;border-top-left-radius:50px;line-height:50px}ul#sidebar li a{box-sizing:border-box;display:inline-block;padding-left:20px;width:100%}ul#sidebar li:not(.no-link):hover,ul#sidebar li:not(.no-link):hover a{background-color:#cfd8dc;background-color:var(--bg-color)}ul#sidebar li a .title{padding-left:40px}ul#sidebar li a .icon{text-align:center;width:20px}ul#sidebar li:not(.no-link):hover:after,ul#sidebar li:not(.no-link):hover:before{border-radius:50px;content:"";height:50px;pointer-events:none;position:absolute;right:0;width:50px}ul#sidebar li:not(.brand):hover:after{bottom:-50px;box-shadow:35px -35px 0 10px #cfd8dc;box-shadow:35px -35px 0 10px var(--bg-color)}ul#sidebar li:not(.brand):hover:before{box-shadow:35px 35px 0 10px #cfd8dc;box-shadow:35px 35px 0 10px var(--bg-color);top:-50px}.container{border-bottom:.5px solid;padding:20px}.container .by{background-color:#fff;background-color:var(--bg-card-color);border-radius:5px;line-height:50px;margin:50px auto auto;text-align:center;width:250px}.toolbar{font-size:18px;font-weight:700}.versionTeller{font-size:small}.versionListPoint{bottom:0;position:absolute!important}.toolbar .menu{margin-right:20px}.toolbar .dark-mode{float:right}body[data-toggled=true] ul#sidebar{overflow:hidden;width:50px}body[data-toggled=true] ul#sidebar li{margin-left:0}body[data-toggled=true] .versionTeller,body[data-toggled=true] ul#sidebar li a .title{display:none}body[data-toggled=true] ul#sidebar li a{padding-left:0}body[data-toggled=true] ul#sidebar li:not(.no-link):hover:after,body[data-toggled=true] ul#sidebar li:not(.no-link):hover:before{display:none}body[data-toggled=true] ul#sidebar li a .icon{line-height:50px;width:50px}body[data-toggled=true] ul#sidebar li:hover a{border-radius:0}body[data-toggled=true] ul#sidebar li.action{padding:0}body[data-toggled=true] ul#sidebar li.action a{border-radius:0}body[data-toggled=true] ul#sidebar li.brand a .icon{font-size:40px}body[data-toggled=true]{padding-left:50px}.titleAligner{align-items:center;display:flex;margin-top:5%}.mainDiv{margin:2%}.spotifyDiv{background-color:#302f2f;height:90vh;width:100%}.spotifyCenterer{align-items:center;height:98%;margin:1.5% auto 0;width:98%}iframe{border-style:none;display:block;margin:0 auto}.card{background-color:#fff;background-position:middle 50%;background-position-x:0;background-position-y:center;background-repeat:none;border:1px solid #555;border-radius:10px;box-shadow:2px 2px 3px 0 #000;box-sizing:border-box;float:left;height:150px;margin:10px;width:100px}.test{align-items:center;display:flex;padding:10px}.pic{height:130px}.picLast{size:130px;padding-bottom:75px}.textThingy{padding:10px}.shittyText{padding:20px}.picDiv{width:350px}.flexMe,.picDiv{display:flex}.grid-pic-kingcup{size:auto;margin:1%;text-align:left;width:100px}.grid-text-kingcup{flex-grow:1;text-align:center}.shittyPic{height:160px}.pictureWithText{align-items:center;border-bottom:1px solid gray;border-top:1px solid gray;display:flex;margin-left:1%;text-align:center;width:100%}.grid-container{grid-gap:10px;display:grid;gap:10px}.grid-pic1{grid-column:1}.grid-pic1,.grid-text{grid-row:span 2;text-align:left}.grid-text{align-items:center;display:flex;grid-column:2}.pic{height:80px;width:50px}.bottom-div,.top-div{align-items:center;flex-direction:column}.middle-div{position:absolute;transform:translate(222px,-145%)}.allDiv{margin-left:2%}.aligner{margin-left:10px;margin-top:20px}.alignerHeader{text-decoration:underline}.shittyText2_0{text-align:center;width:100%}.tableTextHead{font-size:20px!important;font-weight:700;margin-left:1%;margin-top:1%}.tableBorderBeerpongRules{border:2px solid;margin-top:1%}.tableBorderBeerpongRulesInner{margin:1%}.checkboxThingy{padding:0}.ruleColumn{font-size:12px;line-height:1.1}.listThingy,body[data-dark=true] .tableText,body[data-dark=true] .tableTextHead{color:#fff!important}.listThingy{background-color:#232323!important}.h3WithButton{display:flex;justify-content:space-between}.h3ForBpong{order:1}.buttonForBpong{order:2}myDialog[data-dark=true]{--font-color:#fff;--bg-color:#212121;--action-color-primary:#6a1b9a;--action-color-secondary:#01579b;--action-font-color:#fff;--action-bg-color:linear-gradient(40deg,var(--action-color-primary),var(--action-color-secondary));--sidebar-bg-color:#263238;--sidebar-font-color:var(--font-color);--bg-card-color:var(--sidebar-bg-color)}.biggerListForDrinkHelper{align-items:center;font-size:277%;list-style-type:none;margin:2%}.flexer{align-items:center;display:flex;flex-direction:column;margin-bottom:5%;margin-top:5%}
/*# sourceMappingURL=main.73b58126.css.map*/