* {
    padding: 0;
    margin: 0;
}

body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: rgb(15,72,0);
    background: -moz-linear-gradient(top, rgba(0,70,105,1) 0%, rgba(0,113,179,1) 48%, rgba(0,73,115,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(15,72,0,1)), color-stop(77%, rgba(69,159,77,1), color-stop(100%, rgba(72,187,78,1))));
    background: -webkit-linear-gradient(0deg, rgba(15,72,0,1) 0%, rgba(69,159,77,1) 77%, rgba(72,187,78,1) 100%);
    background: -o-linear-gradient(0deg, rgba(15,72,0,1) 0%, rgba(69,159,77,1) 77%, rgba(72,187,78,1) 100%);
    background: -ms-linear-gradient(0deg, rgba(15,72,0,1) 0%, rgba(69,159,77,1) 77%, rgba(72,187,78,1) 100%);
    background: linear-gradient(0deg, rgba(15,72,0,1) 0%, rgba(69,159,77,1) 77%, rgba(72,187,78,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004669', endColorstr='#004973', GradientType=0 );

}
.main{
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

footer{
    padding: 20px 0px;
    color: rgb(101, 149, 103);
}

footer p a:visited, footer p a{
    color: rgb(155, 209, 165);
}

.logo{
    margin: 10px 0px;
    width: 300px;
}
.header{
    width: 100%;
    display: flex;
    justify-content: left;
}
.img-responsive{
    width: 100%;
    height: auto;
}
#unity-canvas{
    -webkit-box-shadow: 0px 0px 17px -1px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 0px 17px -1px rgba(0,0,0,0.56);
    box-shadow: 0px 0px 17px -1px rgba(0,0,0,0.56);

}