*{box-sizing:border-box}html{font-family:"Roboto",arial;color:#fff}body{background-color:#2b2b2b;margin:0px}a{color:#fff;font-size:20px;outline:0}p{color:#fff;font-size:20px}.ui-text{color:#fff}.center-text{text-align:center}.full-width{width:100%}.button{background-color:#907fa4;color:#fff;display:inline-block;border-radius:3px;border:none;margin:4px auto;padding:15px;font-size:15px;cursor:pointer;box-shadow:0 9px #383838;text-shadow:.5px .5px .5px rgba(0,0,0,.14);text-align:center;text-decoration:none}.button:active{box-shadow:0 5px #383838;transform:translateY(4px)}input[type=text],input[type=password],input[type=number],select{padding:15px;background-color:#505050;border-color:#907fa4;border-radius:3px;color:#fff}.flash-message{max-width:400px;margin-inline:auto;margin-block:40px}.index-hero-grid{display:grid;gap:20px;margin-block:30px}.index-into-card{display:flex;flex-direction:column;justify-content:space-between}.index-feature-grid{display:grid;gap:20px}.index-article{max-width:1300px;margin:10px}@media screen and (min-width: 50rem){.index-hero-grid{grid-template-columns:3fr 1fr}.index-feature-grid{grid-template-columns:repeat(3, 1fr)}.index-article{margin-inline:auto}}.row{margin:30px}.profile{background-color:#3c3c3c;height:auto;margin-top:10px;border-radius:0px;box-shadow:7px 7px 8px #000}.profile img{border-radius:50%;display:block;margin-top:10px;margin-left:auto;margin-right:auto;margin-bottom:10px;border:8px solid #212121;box-shadow:4px 4px 3px #0c0c0c}.title h1{color:#000;font-size:4em;font-family:"Pirata One",arial;text-shadow:3px 3px 3px #aaa;cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-weight:bold;display:block;text-decoration:none;background-color:#fff;padding:0px;width:5em;height:1.3em;text-align:center;margin:auto;box-shadow:5px 5px 8px #000}.title-small h1{color:#fff;font-size:2em;font-family:"Pirata One",arial;text-shadow:3px 3px 3px #000;font-weight:bold;padding:0;margin-block:0;margin-inline:10px}.card{background-color:#3c3c3c !important;box-shadow:5px 5px 0 #0f0f0f !important;padding:15px !important;margin:5px !important;transition:box-shadow .5s;border-style:solid !important;border-color:#000 !important;border-width:5px !important}.card:hover{box-shadow:none;offset:4px 4px}ul.navbar{list-style-type:none;background-color:#575757;margin:10px;border-radius:5px;padding:0;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;box-shadow:0 9px 12px 0 #000,0 9px 12px 0 #000}ul.navbar li{float:left;position:-webkit-sticky;position:sticky;top:0}ul.navbar li a{display:block;color:#fff;text-align:center;padding:14px 16px;margin:2px;border-radius:5px;text-decoration:none;text-shadow:1px 1px 1px rgba(0,0,0,.5);-webkit-transition:background-color .4s;transition:background-color .4s}ul.navbar li a:hover{background-color:#404040}ul.navbar li.right{float:right}.text-no-select{cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#fff;color:#000;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@media only screen and (max-width: 768px){ul.navbar li.right,ul.navbar li{float:none}}[class*=col-]{float:left;width:100%}[class*=pad-]{float:left;width:calc(100% - 20px)}@media only screen and (min-width: 768px){.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}.pad-2{width:calc(16.66% - 20px)}.pad-3{width:calc(25% - 20px)}.pad-4{width:calc(33.33% - 20px)}.pad-5{width:calc(41.66% - 20px)}.pad-6{width:calc(50% - 20px)}.pad-7{width:calc(58.33% - 20px)}.pad-8{width:calc(66.66% - 20px)}.pad-9{width:calc(75% - 20px)}.pad-10{width:calc(83.33% - 20px)}.pad-11{width:calc(91.66% - 20px)}.pad-12{width:calc(100% - 20px)}}.row::after{content:"";clear:both;display:table}