body { 
margin: 0px; 
overflow: hidden; 
}

.arrow { 
position: absolute; 
background: none; 
width: 3em; 
height: 3em; 
}

#uArrow { 
top:0px; 
width: 100%; 
}

#dArrow { 
bottom:0px; 
width: 100%; 
}

#lArrow { 
left:0px; 
height: 100%; 
}

#rArrow { 
right:0px; 
height: 100%; 
}

#gameBox {
    position: relative;
}

#replayButton {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-family: 'GameFont', sans-serif;
    font-size: 24px;

    background-color: #ff8723;
    color: white;

    border: 3px solid #ff8723;
    border-radius: 15px;

    padding: 12px 30px;
    cursor: pointer;
}

#replayButton:hover {
    background-color: #ff8723;
    transform: translate(-50%, -50%) scale(1.1);
}

@font-face {
    font-family: 'Pixelify';
    src: url('../fonts/PixelifySans-VariableFont_wght.ttf') format('truetype');
}