body{
    background-image: url("bckgrnd.png");
}

.first-game-page-background{
    background-image: url("bckgrnd1.png");
}

.second-game-page-background{
    background-image: url("bckgrnd2.png");
}

h1{
    text-align: center;
    color: white;
    font-family: "Segoe UI";
    font-size: 24px;
}

h2{
    text-align: center;
    color: white;
    font-family: "Segoe UI";
    font-size: 20px;
}

.site-logo{
    text-align: center;
    padding-bottom: 5px;
}

.site-logo-pic{
    width: 160px;
}

.game-table {
    border: 4px solid black;
    border-collapse: collapse;
    background-color: white;
    margin: 0 auto;
}

.game-table p {
    text-align: center;
    color: black;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
    margin: 0;
}

.game-table td {
    border: 4px solid black;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

.game-info-table {
    border-collapse: collapse;
    margin: 0 auto;
}

.game-info-table td {
    height: 50px;
}

.game-info-table p {
    max-width: 1224px;
}

.game-cover-pic1 {
    width: 300px;
    display: block;
    margin: 0 auto;
    position: relative;
    bottom: 325px;
    border: 4px solid black;
    border-radius: 15px;
}

.game-cover-pic2 {
    width: 300px;
    display: block;
    margin: 0 auto;
    position: relative;
    bottom: 275px;
    border: 4px solid black;
    border-radius: 15px;
}

.game-rating-pic {
    width: 320px;
    display: block;
    margin: 0 auto;
}

.game-release-waiting {
    width: 300px;
    position: relative;
    bottom: 345px;
}

.game-trailer-table {
    border: 4px solid black;
    border-collapse: collapse;
    background-color: white;
    margin: 0 auto;
    margin-bottom: 5px;
}

.game-trailer-table p {
    text-align: center;
    color: black;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
    margin: 0;
}

.game-trailer-table td {
    border: 4px solid black;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

nav{
    text-align: center;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
}

nav a{
    font-family: "Segoe UI";
    font-size: 16px;
    text-decoration: none;
    background-color: white;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border: 4px solid black;
    border-radius: 15px;
    margin-bottom: 5px;
}

nav a:hover{
    background-color: black;
    color: white;
    border: 4px solid white;
}

footer{
    text-align: center;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
}

footer a{
    font-family: "Segoe UI";
    font-size: 16px;
    text-decoration: none;
    background-color: white;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border: 4px solid black;
    border-radius: 15px;
    margin-bottom: 5px;
}

footer a:hover{
    background-color: black;
    color: white;
    border: 4px solid white;
}

.donate-me-please-if-you-want-of-course{
    font-family: "Segoe UI";
    font-size: 16px;
    text-decoration: none;
    background-color: darkblue;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border: 4px solid white;
    border-radius: 15px;
    text-align: center;
}

.donate-me-please-if-you-want-of-course:hover{
    background-color: white;
    color: darkblue;
    border: 4px solid darkblue;
}

.download-now-button1 {
    font-family: "Segoe UI";
    font-size: 16px;
    text-decoration: none;
    background-color: white;
    color: darkblue;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border: 4px solid darkblue;
    border-radius: 15px;
    text-align: center;
    position: relative;
    bottom: 455px;
}

.download-now-button1:hover{
    background-color: darkblue;
    color: white;
    border: 4px solid white;
}

.download-now-button2 {
    font-family: "Segoe UI";
    font-size: 16px;
    text-decoration: none;
    background-color: white;
    color: darkblue;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border: 4px solid darkblue;
    border-radius: 15px;
    text-align: center;
    position: relative;
    bottom: 355px;
}

.download-now-button2:hover{
    background-color: darkblue;
    color: white;
    border: 4px solid white;
}

.game-logo-1{
    text-align: center;
    padding-bottom: 5px;
}

.game-logo-pic-1{
    width: 480px;
}

.download-game-button{
    font-family: "Segoe UI";
    font-size: 16px;
    text-decoration: none;
    background-color: white;
    color: darkblue;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border: 4px solid darkblue;
    border-radius: 15px;
    text-align: center;
}

.download-game-button:hover{
    background-color: darkblue;
    color: white;
    border: 4px solid white;
}

.game-download-table{
    border: 4px solid black;
    background-color: white;
    text-align: center;
    margin: 0 auto;
    border-collapse: collapse;
}

.game-download-table p{
    text-align: center;
    color: black;
    font-family: "Segoe UI";
    font-size: 16px;
}

.game-download-table p{
    width: 384px;
}

.game-download-table tr{
    border: 4px solid black;
}

.game-download-table td{
    border: 4px solid black;
    height: 50px;
}

.game-versions-table{
    border: 4px solid black;
    background-color: white;
    text-align: center;
    margin: 0 auto;
    border-collapse: collapse;
}

.game-versions-table p{
    text-align: center;
    color: black;
    font-family: "Segoe UI";
    font-size: 16px;
}

.game-versions-table p{
    width: 384px;
}

.game-versions-table td{
    height: 50px;
}

.game-versions-table tr{
    border: 4px solid black;
}

.game-versions-table td{
    border: 4px solid black;
    height: 50px;
}

.bonus-content{
    display: flex;
    flex-direction: space-between;
    justify-content: center;
}

.album-cover1{
    width: 320px;
    border: 4px solid rgb(179, 86, 0);
    border-radius: 15px;
}

.ost-album{
    margin-right: 15px;
}

.encyclopedia-cover1{
    width: 320px;
    border: 4px solid rgb(179, 86, 0);
    border-radius: 15px;
}

.game-encyclopedia{
    text-align: center;
}