body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}#App-logo{height:40%;pointer-events:none;z-index:-1}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Input{align-content:center;background-attachment:fixed;background-image:url(/static/media/twins.ff634bec25cf6f64ba2e.png);background-position:50%;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;height:100%;max-height:970px;position:fixed;width:100%}.Input .formDiv{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);gap:10px 0;margin:auto;max-height:fit-content;max-width:fit-content}.Input input{border:3px solid #9ecaed;border-radius:4px;box-shadow:0 0 10px 0 #9ecaed;-webkit-box-shadow:0 0 10px 0 #9ecaed;-moz-box-shadow:0 0 10px 0 #9ecaed;width:90%}.Input .hidden{display:none}.Input button{margin-left:10px}.AlreadyCorrect{background-color:#83e9864d;border:3px #83e9864d;box-shadow:0 0 10px #83e9864d;-moz-box-shadow:0 0 10px 0 #83e9864d;-webkit-box-shadow:0 0 10px 0 #83e9864d}.CorrectInput{animation:turngreen 1s linear;animation-fill-mode:forwards;-webkit-animation:turngreen 1s linear;-webkit-animation-fill-mode:forwards}.IncorrectInput{animation:turnred .5s linear;animation-fill-mode:forwards;-webkit-animation:turnred .5s linear;-webkit-animation-fill-mode:forwards}@media screen and (max-width:540px){.Input .formDiv{font-size:11px;max-width:50%}.Input .inputLabel{padding-top:20px}}@media screen and (min-width:540px) and (max-width:780px){.Input .formDiv{font-size:11px;max-width:50%}.Input .inputLabel{padding-top:20px}}@keyframes turnred{0%{background-color:#fff;box-shadow:0 0 10px #dc6c9180}50%{background-color:#dc6c9180;box-shadow:0 0 10px #dc6c9180}to{background-color:#fff;border:3px #dc6c9180;box-shadow:0 0 10px #dc6c9180}}@keyframes turngreen{0%{background-color:#fff}60%{background-color:#83e9864d}to{background-color:#83e9864d;border:3px #83e986bf;box-shadow:0 0 10px #83e986bf}}
/*# sourceMappingURL=main.36db5e4c.css.map*/