.App{margin:0 auto;max-width:500px;h1{&.oops{color:#6a2e2e;border:2px solid;margin:1rem;padding:1rem;text-align:center;font-family:MedievalSharp,cursive}}header{background-color:#6a2e2e;padding:1rem;h1{font-family:MedievalSharp,cursive;color:#eee6e4;margin:0}p{color:white}.key{color:white;border:1px solid white;padding:.5rem;margin-top:1rem;span{display:inline-block;margin-right:1rem;&:hover{cursor:pointer}&.active,&:hover{color:#f09d99}}}}.input-wrapper{background-color:white;padding:.1rem;input{padding:0;display:block;width:100%;height:2rem;border:none;&:active,&:focus{outline:none}}}.LetterSection{background-color:#758c94;padding:1rem;h2{color:#eee6e4;font-family:MedievalSharp,cursive;border-bottom:1px solid}.Entry{h3{font-family:MedievalSharp,cursive;margin-bottom:0;span{font-size:small;color:#6a2e2e}i{font-size:small;vertical-align:middle;display:inline-block;margin-right:.5rem;&.warning{color:#6a2e2e}&.highlight{color:#f09d99}}}ul{font-family:"monospace";list-style-type:none;margin:0;padding:0;li{text-align:right}}}}}