body {
    color: white;
    background-color: #fe7902;
}

a {
    color: white;
    text-decoration: none; /* no underline */
}

    a:hover {
        color: white;
        text-decoration: none;
        cursor: pointer;
    }
@media screen and ( orientation:portrait ) {
    .Landscape {
        display: none;
    }
}

@media screen and ( orientation:landscape ) {
    .Landscape {
        position: absolute;
        display: block;
        top: 0;
        height: 100vh;
        left: 0;
        right: 0;
        z-index: 2;
        background-color: #431067;
        font-size: 35px;
        color:white;
    }

    .ButtonGroup2 {
        display: none !important;
    }
}
.downloadButton {
    border: none;
    color: white;
    text-decoration: none;
    background-color: #8401df;
}

.Instructions {
    background-color: #8401df;
}

.StartGame {
    background-color: #8401df;
}

.GingerFoxButton {
    background-color: #F29124;
}

@media screen and ( orientation:portrait ) {
    .GingerFoxButtonStyle {
        position: relative;
        padding: 14px 25px;
        text-align: center;
        display: inline-block;
        border-radius: 25px;
        max-width: 300px;
        height: 42px;
        box-shadow: rgb(6 6 6 / 53%) 0px 3px 6px, #343a40 0px 3px 6px;
        -webkit-box-shadow: none;
        line-height: 1;
        z-index: 2;
    }

    .GingerFoxButtonStyleSmall {
        position: relative;
        padding: 14px 11px;
        text-align: center;
        display: inline-block;
        border-radius: 25px;
        max-width: 300px;
        height: 42px;
        box-shadow: rgb(6 6 6 / 53%) 0px 3px 6px, #343a40 0px 3px 6px;
        -webkit-box-shadow: none;
        line-height: 1;
        z-index: 2;
        font-size: 2.1vh;
    }

    .mainContainer {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 9px;
        right: 9px;
        background-color: #431067;
    }

    .main {
        display: flex;
        flex-direction: column;
        height: 100%;
        align-items: center;
        justify-content: space-around;
    }

    .logo {
        /*display: flex;
        flex-direction: column;*/
        width: 47%;
        max-width: 300px;
        align-items: center;
    }

    .TitleText {
        width: 83%;
        text-align: center;
        font-size: 15px;
    }

    .ButtonGroup {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: space-around;
        height: 25%;
    }

    .ButtomGroupAddSpace {
        width: 100%;
        height: 17%;
    }

    .ButtonGroup2 {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: space-around;
        height: 14%;
        background-color: #8401df;
    }

    .Button {
        width: 75%;
    }
}