/*** Root ************************************************************/
@import "../style.css";

/*** Inicio ************************************************************/

.field-game {
    width: calc(100% - 20px);
    margin: 20px auto 30px auto;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background: #005B43;
}

.game-list {
    width: calc(100% - 20px) ;
    height: 40px;
    margin-bottom: 10px;
    background-color: #FFF;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 0 0 20px;
}

.game-list a {
    color: #000;
}

.game-list:hover {
    background-color: #AAA;
}

.game-list:hover a {
    color: #000;
    font-weight: bold;
}

.game-list.blue { border-left: 4px solid blue; }
.game-list.red { border-left: 4px solid red; }
.game-list.green { border-left: 4px solid green; }
.game-list.yellow { border-left: 4px solid yellow; }
.game-list.coral { border-left: 4px solid coral; }
.game-list.silver { border-left: 4px solid silver; }


.link-games {
    width: 60%;
    padding: 20px;
}

.img-games {
    width: 40%;
    height: 530px;
    background-image: url('../../../images/img-background/games-site.jpg');
    background-size: cover;
    background-color: #2b2b2b;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
}