/* colors: https://lospec.com/palette-list/spf-80 */ @font-face { font-family: "ShareTech"; src: url("../fonts/ShareTechMono/ShareTechMono-Regular.ttf"); } .hidden { display: none; } body { margin: 0; padding: 0; font-family: "ShareTech"; } canvas { cursor: none; } #startScreen { width: 100vw; height: 100vh; background: rgb(0, 0, 0); } #startTitle { width: 60vw; height: 10vh; margin: 0 auto; padding-top: 10vh; text-align: center; line-height: 10vh; font-size: 10vh; color: #FFF; text-shadow: 5px 5px 5px #611894; } #startButton { width: 30vw; height: 10vh; margin: 10vh auto; border-radius: 5px; border-width: 5px; border-style: solid; background-color: #3f0d76; border-color: #d2ccf3; text-align: center; line-height: 10vh; font-size: 5vh; color: #FFF; } #startButton:hover { cursor: pointer; background-color: #d2ccf3; border-color: #3f0d76; color: #3f0d76; } #startMenu { width: 30vw; height: 10vh; margin: 10vh auto; color: #FFF; } #startMenu h1 { text-align: center; }