@import url(../base-style.css);

html {
    background-image: url("assets/bgGames.jpg");
    
    font-family: Retro;
}

a {
	color: red;
}

.content {
	background-color: rgba(25, 25, 25, 0.75);
    margin-top: 30px;
    width: 75%;
}

.category {
    background-color: #171a27;
    /*background-image: url(assets/bgCategory.jpg);*/
    border: black 4px solid;
    border-radius: 20px;

    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 100px;
    margin-left: -96px;
    margin-top: 35px;
    margin-bottom: 55px;
    width: 640px;
}

.category h1 {
	color: gray;
	text-shadow: maroon 4px 2px 2px;
}

.games-list {
    text-align: center;
}

.game {
	color: gray;
	text-shadow: maroon 2px 2px 2px;

	background-image: url("assets/bgGameBox.jpg");
    border: black 4px solid;
    display: inline-block;
    vertical-align: middle;

    padding: 0px;
    padding-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 420px;
    height: 520px;
}

.game img {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 16px;
    width: 86%;
}

.game.game-info {
    margin-top: 32px;
}

.game p {
    margin: 12px;
}