body { background: lightblue; font-family: "UnifontMedium"; font-weight: normal; font-style: normal; } p { font-size: .8em; width: 80%; margin: auto; margin-top: 1em; padding: 1em; border: 1px solid gray; } .intro { margin-bottom: 1em; } .tape-container { display: flex; margin: auto; width: 95%; justify-content: center; } .tape { width: 95%; height: auto; max-width: 50vw; } .side { display: flex; flex-direction: column; justify-content: center; margin: auto; width: 100%; } h3 { margin: auto; padding-bottom: .25em; } .tape-deck-container { display: flex; flex-direction: column; justify-content: center; margin: auto; width: 95%; } .tape-deck { margin: auto; margin-top: 1em; } .button-container { display: flex; justify-content: center; } button { width: 10%; margin: auto; } .touch-button { margin: 0; padding: 0; background: lightblue; width: 130px; border: none; } .play-button { width: 130px; } .tape-deck-img { max-width: 95vw; } .img-center { margin: auto; width: 50%; display: block; }