Spaces:
Runtime error
Runtime error
| body { | |
| background-color: lightgrey; | |
| font-family: 'Montserrat', sans-serif; | |
| display: flex; | |
| flex-direction: row; | |
| padding: 0; | |
| margin: 0; | |
| min-height: 100vh; | |
| } | |
| header { | |
| background-color: #333; | |
| color: white; | |
| padding: 10px 40px 10px 20px; | |
| text-align: center; | |
| font-size: 24px; | |
| font-weight: bold; | |
| } | |
| header a { | |
| text-decoration: none; | |
| color: inherit; | |
| cursor: pointer; | |
| } | |
| #instructions { | |
| margin: 30px; | |
| } | |
| .flex { | |
| display: flex; | |
| flex-direction: row; | |
| } | |
| #save_button_form { | |
| flex: 1; | |
| margin: 0 10px; | |
| } | |
| #save_button { | |
| width: 100%; | |
| } | |
| #player_container { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| height: 100%; | |
| width: 100%; | |
| } | |
| #info_container { | |
| display: flex; | |
| flex-direction: row; | |
| } | |
| #frames_display { | |
| align-self: flex-start; | |
| } | |
| /* Tablet */ | |
| @media (max-width: 1025px) { | |
| #instructions { | |
| margin-top: 0; | |
| } | |
| .flex { | |
| flex-direction: column; | |
| } | |
| } | |
| /* Smartphone */ | |
| @media (max-width: 600px) { | |
| body { | |
| flex-direction: column; | |
| } | |
| header { | |
| text-align: start; | |
| } | |
| } |