@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css?family=Nunito:400,900|Montserrat|Roboto);@import url(https://fonts.googleapis.com/css?family=Raleway);@font-face{font-family:oduda-bold;font-style:normal;src:local('oduda-bold'),url(/assets/Oduda-Bold.otf)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:16px;display:flex;min-height:100vh;flex-direction:column;background-color:#36393e;color:#c7c7c7;margin:0;width:100%;padding-bottom:50px}nav{background-color:#1e2124}.main-body{margin-top:100px}.main-nav{position:fixed;top:0;transition:top .3s;width:100%;z-index:2}img{border-radius:50%}footer{z-index:2;bottom:0;left:0;position:fixed;width:100%;padding:10px 10px 10px 0;text-align:justify;background-color:#1e2124;font-size:12px;padding-left:20px}footer *{color:#fff;text-decoration:none}footer .container{display:flex;align-items:center;justify-content:space-between}footer .btn{margin-left:auto}footer .donate-container{margin-left:auto}footer>div>a{margin-left:5px}.brand-logo{font-family:oduda-bold}a.brand-glow:focus,a.brand-glow:hover{text-decoration:none;text-shadow:none;-webkit-transition:.1s linear 0s;-moz-transition:.1s linear 0s;-o-transition:.1s linear 0s;transition:.1s linear 0s;outline:0 none;text-shadow:-1px 1px 5px rgba(255,255,204,.5),1px -1px 5px rgba(255,255,255,.5)}.round{border-radius:50%}.icon-block{padding:0 15px}.icon-block .material-icons{font-size:inherit}.align{width:33%;padding:5%;text-align:center}.left-align{text-align:left}.glow{color:#fff}.glow:hover{text-shadow:1px 1px #d2e7ff}.login-wrapper{float:right}.login-wrapper.session a{float:right}.login-wrapper.session>img{float:left;height:60px;padding:10px 10px 10px 10px}.bold{font-size:20px;font-weight:bolder}.blurple{background-color:#7289da!important}.discord{padding:8px 8px 8px 32px!important;background:#7289da url(/assets/Discord-Logo-White.png) no-repeat!important;background-position:4px 5px!important;background-size:25px!important}.inline{display:inline-block}.btn{color:#fff;border:none;border-radius:2px;padding:12px 18px;text-transform:uppercase;cursor:pointer;background-color:#7289da;box-shadow:2px 2px 4px rgba(0,0,0,.4);outline:0;text-decoration:none;margin:5px 5px}.wave-ripple-button{color:#fff;background-color:rgba(0,0,0,.3);border:none;border-radius:2px;padding:10px 30px;text-align:center;-webkit-transition-duration:.4s;transition-duration:.4s;text-decoration:none;overflow:hidden;box-shadow:2px 2px 4px rgba(0,0,0,.4);position:relative;overflow:hidden}.wave-ripple-button:after{content:'';position:absolute;top:50%;left:50%;width:6.3px;height:4.3px;border-radius:2px;background:rgba(255,255,255,.5);opacity:0;transform:scale(1,1) translate(-50%);transform-origin:50% 50%;clip-path:inset(1px .5px 1px .5px)}@keyframes wave-ripple{0%{tranform:scale(0,0);opacity:1}20%{transform:scale(10,10);opacity:1}100%{opacity:0;transform:scale(20,20)}}.ripple-button:focus:not(:active)::after{animation:wave-ripple 1s ease-out}.nav-wrapper{list-style-type:none;margin:0 auto;padding-top:5px;padding-bottom:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.nav-wrapper *{text-emphasis:none;text-align:center;text-decoration:none!important;position:relative;cursor:pointer}.nav-wrapper>div.highlight-text-out{display:flex;align-items:center;vertical-align:center;align-items:center;color:rgba(255,255,255,.3)}.nav-wrapper>div.highlight-text-out>a{padding-right:10px;padding-left:10px}.nav-wrapper>div.highlight-text-out>a{padding-right:15px}.nav-wrapper>div.highlight-text-out>span>img{padding-right:0;width:50px;height:50px}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;min-width:160px;top:100%;left:calc(100% - 160px);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);background-color:#000;z-index:1}.dropdown-content a{text-align:center;width:100%;margin:auto}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:rgba(139,139,139,.5)}.dropdown-reveal{display:block}div.highlight-text-out a{color:rgba(255,255,255,.3)}div.highlight-text-out a:before{position:absolute;color:#fff;top:0;left:0;padding-right:10px;padding-left:10px;overflow:hidden;content:attr(alt);transition:all .3s;transform:scale(.8);opacity:0}div.highlight-text-out a:hover:before{transform:scale(1);opacity:1}.ripple-button{background-position:center;transition:all .8s}.ripple-button:hover{background:#fff radial-gradient(circle,transparent 1%,#8ca2f1 1%) center/15000%;color:#000}.ripple-button:focus{background-color:#aabaf3;background-size:100%;transition:all 0s}.ripple-button:hover:before{opacity:1}.search-field{padding-left:20px;background-color:#484b51;color:#555;height:34px;width:461.867px;border:0 none #555;overflow:visible;cursor:text;transition:all .3s ease 0s;text-overflow:clip;word-wrap:normal;border-radius:5px}.search-field:focus,.search-field:hover{background-color:#e6e6e6;border:1px solid #adadad;outline:#555 dashed 0;box-shadow:rgba(0,0,0,.075) 0 1px 1px 0 inset,rgba(102,175,233,.8) 0 0 8px 0}.center-padding{padding-top:15px;padding-bottom:15px;padding-left:150px}.center{margin-left:auto;margin-right:auto;text-align:center;display:-webkit-flex;-webkit-align-items:center;display:flex;align-items:center;justify-content:center}.round{border-radius:4px;border:none;padding:2px}.td-center{text-align:center}.td-left{text-align:left}.zero-width{width:20px;display:inline-block}.dropbtn{background-color:#3498db;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer}.dropbtn:focus,.dropbtn:hover{background-color:#2980b9}.dropdown-content{display:none;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{text-align:center;width:100%;margin:auto}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:rgba(139,139,139,.5)}.dropdown-reveal{display:block}.block-centered{display:block;margin-top:auto;margin-bottom:auto}.styled-checkbox{text-align:center;position:relative;display:none}.styled-checkbox+label{z-index:0;position:relative;cursor:pointer;padding:0}.styled-checkbox+label:before{content:'';margin-right:10px;display:inline-block;vertical-align:text-top;width:20px;height:20px;background:#fff}.styled-checkbox:hover+label:before{background:#7289da}.styled-checkbox:focus+label:before{box-shadow:0 0 0 3px rgba(0,0,0,.12)}.styled-checkbox:checked+label:before{background:#7289da}.styled-checkbox:disabled+label{color:#b8b8b8;cursor:auto}.styled-checkbox:disabled+label:before{box-shadow:none;background:#ddd}.styled-checkbox:checked+label:after{content:'';position:absolute;left:5px;top:9px;background:#fff;width:2px;height:2px;box-shadow:2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;transform:rotate(45deg)}.multi-wrapper{border:1px solid #38445a;background-color:#7289da;border-radius:5px;width:100%;margin-bottom:10px}.multi-wrapper .non-selected-wrapper,.multi-wrapper .selected-wrapper{box-sizing:border-box;display:inline-block;height:200px;overflow-y:scroll;padding:10px;vertical-align:top;width:50%}.multi-wrapper .non-selected-wrapper{background:#a0a0a0;border-right:1px solid #ccc;color:#505d69}.multi-wrapper .selected-wrapper{background:#fff;color:#000}.multi-wrapper .header{cursor:default;font-weight:700}.multi-wrapper .item{cursor:pointer;display:block;padding:5px 10px;text-overflow:ellipsis;overflow-x:hidden}.multi-wrapper .item:hover{background:#ececec;border-radius:2px}.multi-wrapper .search-input{border:0;border-bottom:1px solid #ccc;border-radius:0;display:block;font-size:1em;margin:0;outline:0;padding:10px 20px;width:100%;box-sizing:border-box}.multi-wrapper .non-selected-wrapper .item.selected{opacity:.5}.multi-wrapper .non-selected-wrapper .item.disabled,.multi-wrapper .selected-wrapper .item.disabled{opacity:.5;text-decoration:line-through}.multi-wrapper .non-selected-wrapper .item.disabled:hover,.multi-wrapper .selected-wrapper .item.disabled:hover{background:inherit;cursor:inherit}div.non-selected-wrapper{display:box;color:#000;background:#fff}.glow-click{animation:none;border-radius:15px}.glow-click.active{animation:change-background .3s ease alternate}@keyframes change-background{0%{background:#f4d6db;-moz-box-shadow:0 0 3px 4px #f4d6db;-webkit-box-shadow:0 0 2px 4px #f4d6db;box-shadow:0 0 1px 1px #f4d6db}50%{background:rgba(244,214,219,.5);-moz-box-shadow:0 0 3px 4px rgba(244,214,219,.5);-webkit-box-shadow:0 0 2px 4px rgba(244,214,219,.5);box-shadow:0 0 2px 2px rgba(244,214,219,.5)}100%{background:rgba(244,214,219,.25);-moz-box-shadow:0 0 3px 4px rgba(244,214,219,.25);-webkit-box-shadow:0 0 2px 4px rgba(244,214,219,.25);box-shadow:0 0 3px 3px rgba(244,214,219,.2)}}.donate-container{max-width:100px;float:right}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar{width:12px;border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#131313}::-webkit-scrollbar-track-piece{background-color:#1e2124}.section{margin:0 auto}.header{margin-top:10px;color:#fff;text-shadow:2px 2px 2px rgb(114,137,218,.2)}.header>span{color:#7289da}.header>*{color:#fff}.header>* span{color:#7289da}.row *{margin:10px;margin:10px;text-align:center}.sidebar-margin{margin-left:150px}.table-container{display:inline-block;text-align:left}.button-container{padding-left:150px;display:flex;justify-content:space-between;margin-bottom:15px;margin-left:10px;margin-right:10px}.side-nav{background-color:#1e2124;width:150px;display:flex;position:fixed;height:calc(100% - 50px);z-index:2;float:left}.side-nav>ul{list-style-type:none}.side-nav li{font-size:12px;margin-bottom:10px;margin-top:10px;text-align:center}.side-nav a{transition:.3s;white-space:nowrap;display:block;width:100%}.side-nav a:hover{color:#000}.table_tip{visibility:hidden;position:fixed;top:1ex;left:1ex;padding:.5em;border-radius:1em;border:solid thin gray;background-color:#fdf5e6;color:#000;display:inline-block;white-space:nowrap}table{border-spacing:.5px;padding-left:150px;margin-left:auto;margin-right:auto;overflow-y:auto;margin-bottom:100px}table>tr{background-color:#1e2124;vertical-align:center;text-align:center}table>tr>td,table>tr>th{padding:10px}table>tr:first-child{background-color:#7289da}table>tr>th:first-child{border-top-left-radius:5px}table>tr>th:last-child{border-top-right-radius:5px}table>tr:last-child>td:first-child{border-bottom-left-radius:5px}table>tr:last-child>td:last-child{border-bottom-right-radius:5px}.report-image-container{flex-flow:row wrap;display:flex;margin-bottom:100px;margin-left:50px;padding:10px;width:80%;background-color:#1e2124;outline:2px solid #fff}.report-image-container img{border-radius:0;max-height:50vh;margin:5px;outline:1px solid #fff}.box-container{min-width:400px}.box{display:block;min-width:300px;height:300px;margin:10px;background-color:#fff;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}.upload-options{position:relative;height:75px;background-color:#5f9ea0;cursor:pointer;overflow:hidden;text-align:center;transition:background-color ease-in-out 150ms}.upload-options:hover{background-color:#7fb1b3}.upload-options input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.upload-options label{display:flex;align-items:center;width:100%;height:100%;font-weight:400;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}.upload-options label::after{content:'add';font-family:'Material Icons';position:absolute;font-size:2.5rem;color:#e6e6e6;top:calc(50% - 2.5rem);left:calc(50% - 1.25rem);z-index:0}.upload-options label span{display:inline-block;width:50%;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle;text-align:center}.upload-options label span:hover i.material-icons{color:#d3d3d3}.js--image-preview{height:225px;width:100%;position:relative;overflow:hidden;background-image:url('');background-color:#fff;background-position:center center;background-repeat:no-repeat;background-size:cover}.js--image-preview::after{content:"photo_size_select_actual";font-family:'Material Icons';position:relative;font-size:4.5em;color:#e6e6e6;top:calc(50% - 3rem);left:0;z-index:0}.js--image-preview.js--no-default::after{display:none}.js--image-preview:nth-child(2){background-image:url(http://bastianandre.at/giphy.gif)}.drop{display:block;position:absolute;background:rgba(95,158,160,.2);border-radius:100%;transform:scale(0)}.animate{animation:ripple .4s linear}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.border-bottom{border-bottom:5px solid #8c8c8c;border-width:.5px;padding-bottom:40px;padding-top:5px}.white-background{position:fixed;visibility:hidden;background-color:#000;opacity:.5;width:100%;height:100%;z-index:1}.white-background.show{visibility:visible}.category-wrapper{padding:20px;align-self:flex-start;width:300px;transition:all .8s}.category-wrapper>h5{color:#7289da}.category-wrapper>h5>span{font-size:10px}.category-wrapper .upvote-section{float:right}.category-wrapper>a>i,.category-wrapper>a>span.upvote-count{font-size:10px;float:right}.listing-column{display:flex;flex-flow:column nowrap}.serverlist-wrapper{display:flex;align-items:flex-start;align-content:flex-start;justify-content:center;flex-flow:row}.serverlist-container{margin:10px;font-family:Lato,Helvetica,Arial,sans-serif;margin-bottom:50px}.filter-wrapper{margin:20px 0;display:flex;justify-content:center;flex-flow:row wrap}.filter-btn{margin-left:5px;margin-bottom:5px;background-color:#7289da}.tooltip-element{position:relative;color:#fff;font-size:18px;padding:10px;display:block;text-decoration:none;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(0,1,.5,1);cursor:pointer}.tooltip-element .tooltip-text{font-size:15px;padding:8px 8px 8px 8px;position:absolute;top:120%;left:30%;margin-left:-30%;visibility:hidden;border:1px solid #fff;background-color:#7180b4;text-align:left;pointer-events:none;opacity:0;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(0,1,.5,1);z-index:3}.tooltip-text{margin-top:-20px;position:absolute;width:100%}.tooltip-element:hover{background-color:#7289da}.tooltip-element:hover .tooltip-text{visibility:visible;margin-top:0;opacity:1}.title-text{padding:10px 10px 10px 10px;display:inline-block}.tooltip-container{display:block;overflow:hidden;max-width:150px;text-overflow:ellipsis}.tooltip-element:hover .tooltip-container{max-width:130px}.tooltip-element>img{width:25px;height:25px;vertical-align:top;margin-top:10px}.tooltip-element .tooltip-text::after{content:' ';position:absolute;bottom:100%;left:10%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #000 transparent}.upvote-section{float:right;margin-top:10px}.upvote-section>.material-icons{font-size:10px!important}.tooltip-element:hover .report-section{display:inherit}.report-section{display:none;float:right;margin-top:10px;padding-right:10px}.report-form{padding:10px;position:absolute;display:none;background-color:#313131;top:30%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;position:fixed}.report-form.show{display:block;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.close{position:absolute;cursor:pointer;right:0;top:0}.close:hover{color:#fff;transition:all .2s}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.shadow{-webkit-box-shadow:2px 2px 5px 6px rgba(0,0,0,.2);-moz-box-shadow:2px 2px 5px 6px rgba(0,0,0,.2);box-shadow:2px 2px 5px 6px rgba(0,0,0,.2)}.inner-shadow{-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000}.form-wrapper{display:block;text-align:center;width:50%;background-color:#1e2124;padding:20px;border-radius:5px;margin-bottom:70px}input,select,textarea{width:100%}input{border:none}form.account-settings{display:grid;grid-template-columns:45% 48%;grid-gap:3vw;margin-left:auto;margin-right:auto;text-align:left}.datefield{background:#fff}.datefield input:focus{outline:0}.datefield input#day{width:20px}.datefield input#month{width:25px}.datefield input#year{width:40px}*{-webkit-box-sizing:border-box;box-sizing:border-box}#notfound{position:relative;height:100vh}#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:520px;width:100%;line-height:1.4;text-align:center}.notfound .notfound-404{position:relative;height:240px}.notfound .notfound-404 h1{font-family:Montserrat,sans-serif;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:252px;font-weight:900;margin:0;color:#262626;text-transform:uppercase;letter-spacing:-40px;margin-left:-20px}.notfound .notfound-404 h1>span{text-shadow:-8px 0 0 #fff}.notfound .notfound-404 h3{font-family:Cabin,sans-serif;position:relative;font-size:16px;font-weight:700;text-transform:uppercase;color:#262626;margin:0;letter-spacing:3px;padding-left:6px}.notfound h2{font-family:Cabin,sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;color:#000;margin-top:0;margin-bottom:25px}@media only screen and (max-width:767px){.notfound .notfound-404{height:200px}.notfound .notfound-404 h1{font-size:200px}}@media only screen and (max-width:480px){.notfound .notfound-404{height:162px}.notfound .notfound-404 h1{font-size:162px;height:150px;line-height:162px}.notfound h2{font-size:16px}}.white{color:#fff}.blue{color:#1368c9}.light-blue{color:#2f88ec}.blurple-bg{background-color:#7289da}.red-bg{background-color:#d64040}.alert-message{text-align:center;color:#d64040}.no-decoration{text-decoration:none}.mobile-avatar{display:none}.mobile-donate{display:none}footer img{height:50px}.filter-wrapper-mobile{position:relative;display:none;margin:20px 0;width:100%;text-align:center}.mobile-dropdown{position:relative;display:none;float:left;justify-self:start}.mobile-dropdown>i.material-icons{margin-left:10px;font-size:35px}.filter-content-mobile{left:50%;transform:translateX(-50%);margin-top:18px}.filter-content-mobile,.mobile-dropdown-content{display:none;position:absolute;background-color:#1e2124;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:12px 16px;z-index:1;outline:.5px solid #000}.filter-content-mobile a,.mobile-dropdown-content a{color:rgba(255,255,255,.3);padding:12px 16px;text-decoration:none;display:block;transition:all .5s}.filter-content-mobile a:hover,.mobile-dropdown-content a:hover{background-color:rgba(39,51,102,.8);border-radius:4px}.mobile-dropdown:hover .mobile-dropdown-content{display:block}@media screen and (max-width:700px){.mobile-dropdown{display:inline-block}.filter-wrapper-mobile{display:inline-block}.filter-wrapper{display:none}.nav-wrapper{justify-content:space-between;flex-flow:row reverse nowrap}.nav-wrapper>div.highlight-text-out>a{display:none}.center{display:flex;flex-flow:column nowrap}.align{width:100%}.search-field{width:80%}.mobile-avatar,.mobile-donate{display:inherit}footer #bot,footer #donate{display:none}footer .mobile-avatar{margin-left:auto}footer .mobile-donate{margin-left:auto}}@media screen and (max-height:300px){footer,nav{display:none}.main-body{margin:0 auto}}