section#creditsScreen{
    position: absolute;
    width: 80%;
    height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 5%;
    box-shadow: 5px 5px 50px brown;
    transform: translate(-50%, -50%); 
    display: none;
}
section#creditsScreen div#go-to{
    bottom: 3%;
    height: 10%;
    width: 100%;
    position: absolute;
    right: 0;
    text-align: right;
    line-height: 150%;
}
section#creditsScreen div#message{
    top: 0;
    height: 90%;
    width: 100%;
    position: absolute;
    text-align: center;
    line-height: 100%;
}
section#creditsScreen div#message h1{
    position: absolute;
    height: 10%;
    text-align: center;
    line-height: 300%;
    top: -1.5rem;
    left: 50%;
    transform: translate(-50%, 0);
}
#credits{
    font-family: myOtherFont;
    color: white;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -10%);
}
section#creditsScreen div#button{
    display: grid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45%;
    height: 80%;
}
section#creditsScreen button{
    height: 100%;
    color: white;
    margin: auto;
    background: transparent;
    box-shadow: 10px 10px 10px black;
    position: absolute;
    right: 5%;
}
section#creditsScreen button:hover{
    background-color: black;
}