html {
    background: linear-gradient(#6DCFF6, #2981C4);
    /* Standard syntax */
    background-size: cover;
}

body {
    /*    background: linear-gradient(#6DCFF6, #2981C4);  Standard syntax */
}

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

#topNavbar {
    padding-top: 15px;
    padding-bottom: 15px;
}

#topNavbar .button-primary {
    margin-left: 0%;
}

.mazeArea-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
    cc
}

img,
img.scale-with-grid {
    outline: 0;
    max-width: 100%;
    height: auto;
}

.menuButton {
    width: 50%
}

.introHeading {
    color: #424242;
}

.smallHeading {
    color: #424242;
    margin-top: -20px;
}

.bottomSection {
    margin-top: 5px;
}

.topHR {
    margin-top: -20px;
}

.mouseImg {
    max-width: 100%;
    height: 90%;
}

.startButton {
    margin-top: 10%;
}

.topContent {
    padding-top: 50px;
}

.headerImg {
    max-width: 50%;
    padding-bottom: 20px;
}

@media (min-width: 1700px) {
    .button-primary {
        font-size: 30px;
        text-align: center;
        width: 300px;
        height: 60px;
        margin-right: 40px;
    }

    #howtoplay .button-primary {
        margin-top: 30px;
    }
    
    #youwon{
        height: 300px;
        border-radius: 10px;
        box-shadow: 4px 4px 10px #333;
    }
    
    #youwon .button-primary{
        margin-top: 40px;
        margin-right: 0px;
    }
}

@media (min-width: 1900px) {
    .button-primary {
        font-size: 30px;
        text-align: center;
        width: 300px;
        height: 60px;
    }

    #howtoplay .button-primary {
        margin-top: 30px;
    }
}