normalize.css

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}




.wrng-enter-active { transition: background 1s     }
.wrng-leave-active { transition: background 0.75s; }
.wrng-enter {   background: red, color: white;  }
.wrng-leave-to { background: white, color: black; }

.corec-enter-active { transition: background 1s     }
.corec-leave-active { transition: background 0.75s; }


.katex-item-enter-active { transition: opacity 0.75s     }
.katex-item-leave-active { transition: opacity 0.75s; }
.katex-item-enter, .katex-item-leave-to { opacity: 0;       }

.fadeslow-enter-active { transition: opacity 2s     }
.fadeslow-leave-active { transition: opacity 2s; }
.fadeslow-enter, .fadeslow-leave-to { opacity: 0;       }

.fade-enter-active { transition: opacity 1s     }
.fade-leave-active { transition: opacity 0.75s; } 
.fade-enter, .fade-leave-to { opacity: 0;       }


input, input:focus, input:disabled, input:disabled:focus {
    border: none;
    outline: none;
}


body, html {
    height: 100%;
    width: 100%;
}

body {
    position: relative;
}

button {
    border: none;
}

button:hover {
    cursor: pointer;
}




input:disabled {
    background: inherit;
}



img {
    max-width: 100%;
    max-height: 100%;
}





.app-container {
    width: 100%;
    height: 100%;
    font-size: 64px;
}

.app-container > * {
    width: 100%;
    height: 100%;
}


.flash-number {
    font-size: 166px;
    color: #48bb78;
}