body { 
margin: 0;
overflow: hidden;
background-image: url("background.png");
background-repeat:repeat;
background-position: center;
background-size: contain;
display: grid;
}

.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%; 
}

.ranchers-regular {
    font-family: "Ranchers", sans-serif;
    font-weight: 400;
    font-style: normal;
}