#overlay { height: 50vh; width: 50vw; margin-top: 15vh; margin-left: 24vw; background-color: rgba(2, 2, 2, 0.911); border-radius: 3vh; } #title { padding-top: 2vh; margin-left: 3vw; color: white; font-size: 120%; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-weight: bold; } #line { background: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(0, 0, 0, 0) 100%); height: 0.1vh; width: 95%; border: none; border-radius: 2vh; } .text { color: white; display: inline-block; margin-top: 2vh; margin-bottom: 1vh; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-weight: bold; } .input { background: white; color: black; display: inline-block; border: none; border-radius: 0.2vw; height: 4vh; width: 80%; } .submitButton { margin-top: 1vh; margin-right: 0.3vw; float: right; width: 6vw; background-color: rgb(17, 113, 238); } .resetButton { margin-top: 1vh; margin-right: 8.5vw; float: right; width: 4vw; background-color: rgb(231, 50, 50); } .submitButton, .resetButton { height: 4vh; color: white; font-weight: bold; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; border: none; border-radius: 1vh; transition: 0.3s; } .submitButton:hover, .resetButton:hover { transition: 0.3s; opacity: 0.7; } .submitButton:active, .resetButton:active { transition: none; opacity: 1; } #error { margin-left: 6.4vw; color: white; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-weight: bold; }