body{background-image: url(matrix.gif); background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; margin: 0;}

@font-face{font-family: 'Dad'; src: url('./Dad.woff2') format('woff2');}

#red{position: fixed; left: 31vh; top: 8vh; color: red; text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white,
 -1px -1px 0 white; font-size: 15vh; font-family: "Dad";}

#or{position: fixed; left: 86vh; top: 8vh; color: rgb(107, 167, 17); text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white,
 -1px -1px 0 white; font-size: 15vh; font-family: "Dad";}

#blue{position: fixed; left: 112vh; top: 8vh; color: blue; text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white,
 -1px -1px 0 white; font-size: 15vh; font-family: "Dad";}


#cakediv{position: fixed; left: 26vh; bottom: 3vh; width: 55vh; height: 55vh;}

#redcake{position: absolute; left: -5%; bottom: 14%; height: 90%; width: auto;}

#stuff{position: absolute; left: -5%; bottom: -3%; font-size: 5vh; color: white; white-space: nowrap;}

#daydiv{position: fixed; left: 113vh; bottom: 3vh; width: 55vh; height: 55vh;}

#con{position: absolute; left: 6%; bottom: 14%; height: 94%; width: auto;}

#day{position: absolute; left: -19%; bottom: -3%; font-size: 5vh; color: white; white-space: nowrap;}

@media (max-width: 600px){

body{background-image: url(matrix.gif); background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; margin: 0; overflow-y: hidden;}

#red{position: fixed; left: 3vh; top: 7vh; color: red; text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white,
 -1px -1px 0 white; font-size: 5vh; font-family: "Dad";}

#or{position: fixed; left: 22vh; top: 7vh; color: rgb(107, 167, 17); text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white,
 -1px -1px 0 white; font-size: 5vh; font-family: "Dad";}

#blue{position: fixed; left: 30vh; top: 7vh; color: blue; text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white,
 -1px -1px 0 white; font-size: 5vh; font-family: "Dad";}

#cakediv{position: fixed; left: 3vh; top: 19vh; width: 45vh; height: 30vh;}

#redcake{position: absolute; left: 21%; bottom: 24%; height: 70%; width: auto;}

#stuff{position: absolute; left: -1%; bottom: -2%; font-size: 3.3vh; color: white; white-space: nowrap;}

#daydiv{position: fixed; left: 3vh; top: 56vh; width: 45vh; height: 30vh;}

#con{position: absolute; left: 25%; bottom: 20%; height: 80%; width: auto;}

#day{position: absolute; left: -2%; bottom: -3%; font-size: 3.1vh; color: white; white-space: nowrap;}

}