:root {
    --orange: #e2853d;
    --darkorange: #b96b30;
}
body, html{
    height: 110%;
}
.bg-orange{background-color: var(--orange)}
nav.scrolled{
    background-color:var(--orange);
}
.content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.parallax {
    /* The image used */
    /* background-image: url("img/bg_theminesweeper.jpg"); */

    /* Set a specific height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.main{
    width: 400px;
    height: 100%;
    position: absolute;
    top:15%;
    left:10%;
}
div.main > img{
    height: 400px;
    width: 400px;
    margin-bottom: 10vh;
}
div.description{
    background-color:white;
    position: absolute;
    top:100%;
    height: 125%;
    width:100%;
    padding: 10vh 15vw;
}
div.description > p{
    font-size: 2.5vh;
}
div.btn-container{
    width: 200px;
    height: 125px;
    position: relative;
    left:25%;
}

button.download{
    background-color:var(--orange);
    color:white;
    width: 200px;
    height: 50px;
    font-size: 3.25vh;
    border-color:transparent;
    margin-bottom: 2.5vh;
}
button.download:hover{
    background-color:var(--darkorange);
}
button.download > i{
    margin-right: 15px;
}
#game-summary{
    text-align:justify;
}