.ws-title {
    font-family: "lato";
    text-transform: uppercase;
    font-weight: 800;
}

* {
    font-family: "lato", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif";
}

body {
    background-color: #333;
}

h1 {
    color: white;
}

#maincontainer {
    display: flex;
    flex-wrap: wrap;
}

.award {
    border: 5px solid #00FF96;
    width: 400px;
    height: 100px;
    color: white;
    margin: 10px;
}

.lime {
    color: #40FF72;
}

.gold {
    border-color: #FFD700;
}
.locked {
    border-color: #6d8072;
}
.shiny {
    border-color: #d5d8d6;
}
.shiny:before {
    content:"";
    position:absolute;
    width: 390px;
    height: 90px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(rgba(0, 0, 0, .25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
    background: linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
}
.locked-text {
    color: #6d8072;
}

.fs-2 {
    font-size: 1.4rem;
    font-weight: 300;
}

#whatfor {
    position: relative;
}

.tinytext {
    font-size: 0.6rem;
}

.orange {
    color: orange;
}

.jc {
    color: orange;
    position: absolute;
    left: calc(100% - 100px);
}

.jcsmall {
    color: orange;
    position: absolute;
    /* left: 78%; */
    /* left: calc(100% - 100px); */
}

.hidden {
    display: none;
}

.modal-content {
    background-color: #222;
    color: white;
    border: 6px solid #00FF96;
}

.modal-content table {
    color: white;
}

.overflow {
    text-overflow: ellipsis;
    /* white-space: nowrap; */
}

.table td {
    border: none;
}