/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
    body {
        font-family: sans-serif;
        font-size: 15pt;
        color: white;
        background: #2a3f9c;
    }
    input {
        height: 40px;
    }
    .top-header {
        background-image: linear-gradient(black, #243282);
        margin: 0px;
    }
    .top-header-h1 {
        margin-top:0px;
        margin-bottom: 2px;
        padding-top:0;
    }
    .top-header-description {
        margin-top: 2px;
    }
    .your_bets {
        border-radius: 20px;
        padding: 10px;
        margin: 2px;
        background-image: linear-gradient(black, #243282);
    }
    .available_to_bet {
        border-radius: 20px;
        padding: 10px;
        margin: 2px;
        color: white;
        background-image: linear-gradient(#445945, #34eb3d);
    }
    .not_yet_locked {
        border-radius: 20px;
        padding: 10px;
        margin: 2px;
        color: white;
        background-image: linear-gradient(#ff7e05, #5e2e01);
    }
    .your_locked_bets {
        border-radius: 20px;
        padding: 10px;
        margin: 2px;
        color: white;
        background-image: linear-gradient(#ff292c, #590304);
    }
    .others_locked_bets {
        border-radius: 20px;
        padding: 10px;
        margin: 2px;
        color: black;
        background-image: linear-gradient(#f24235, #f2ef35);
    }
    .warning {
        border-radius: 20px;
        padding: 10px;
        margin: 2px;
        color: red;
        background-color: yellow;
    }
    .event {
        border-radius: 20px;
        padding: 10px;
        margin: 2px;
        border: 1px solid white;
    }
    .simple-box {
        border-radius: 20px;
        padding: 10px;
        margin: 2px;
        border: 1px solid white;
        opacity: 0.8;
    }
    .winner-row .table-box {
        background-color: rgb(35, 247, 35);
        color: black;
    }
    .table-box {
        margin: 2px;
        background: rgb(51, 35, 121);
        padding-top: 10px;
        padding-left: 5px;
        padding-bottom: 10px;
    }
    .bet_amount {
        display: inline;
        margin: 20px;
        height: 40px;
        width: 60px;
        font-size: 20px;
    }
    .links {
        background: white;
        height: 30px;
    }
    button {
        min-width: 100px;
        height: 50px;
        font-size: 20px;
        border-radius: 20px;
        color: white;
        background-image: linear-gradient(#3d37e6, #2d2d33);
    }
    input[type=submit].delete-button {
        width: 100px;
        height: 50px;
        font-size: 20px;
        border-radius: 20px;
        color: white;
        background-image: linear-gradient(#fa0505, #540202);
    }
    input[type=submit] {
        min-width: 100px;
        height: 50px;
        font-size: 20px;
        border-radius: 20px;
        color: white;
        background-image: linear-gradient(#3d37e6, #2d2d33);
        opacity: 1;
    }
    input[type=submit]:disabled {
        color: gray;
        background-image: linear-gradient(	#404040, black);
    }
    input[type=radio] {
        height: 20px;
        margin-right: 30px;
        margin-left: 30px;
    }
    .menu-btn {
        min-width: 80px;
        height: 40px;
        font-size: 20px;
        border-radius: 20px;
        color: white;
        background-image: linear-gradient(#3d37e6, #2d2d33);
    }
    .odds-info-text {
        color: white;
    }
    .activity-list-winning {
        color: yellow
    }
    .activity-list-losing {
        color: red
    }
    #hero {
        background-color: brown;
    }
}

table {
    border-collapse: collapse;
    border: 1px solid white;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    color: white;
    background-color: #133452;
}

th tr {
    color: #ffffff;
    text-align: left;
    border: 1px solid white;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 20px;
}

td {
    padding: 12px 15px;
    border: 1px solid white;
    padding-left: 35px;
    padding-right: 35px;
}

.winner {
  height: 50px;
  margin:5px;
  color:gold;
  background:
    linear-gradient(90deg,#0000 33%,rgba(255,255,255,0.3) 50%,#0000 66%)
    rebeccapurple;
  background-size:300% 100%;
  animation: shine 2s infinite;
}