:root{--finnish-blue:#002f6c;--finnish-red:#c8102e;--finnish-yellow:#ffc72c;--border-rad:10px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1400px}.row+.row{margin-top:5px}.control-group{display:inline-block;vertical-align:top}.card-flex{align-items:center;display:flex;flex-flow:row wrap;justify-content:center;list-style:none;margin:10px;padding:10px}.l-stretch{flex:2 2 200px}.l-stretch,.r-stretch{max-width:600px;min-width:600px}.r-stretch{flex:1 1 100px}.word-card{font-family:Comfortaa;margin-top:10px;min-width:100px;white-space:normal;word-break:break-all}.rcard{border-radius:0 10px 10px 0;border-radius:0 var(--border-rad) var(--border-rad) 0;font-weight:400;height:100px;padding:0}.lcard{border-radius:10px 0 0 10px;border-radius:var(--border-rad) 0 0 var(--border-rad);font-size:100px;font-weight:700;height:320px}.ltext{color:#002f6c;color:var(--finnish-blue);line-height:320px}.card-text{overflow:hidden;text-align:center}.rtext{line-height:100px}.word-card.blue{background:#002f6c;background:var(--finnish-blue);color:#fff}.word-card.red{background:#c8102e;background:var(--finnish-red);color:#ffc72c;color:var(--finnish-yellow)}.word-card.yellow{background:#ffc72c;background:var(--finnish-yellow);color:#c8102e;color:var(--finnish-red)}.card.gray{background:#fff;margin:100px auto;width:1100px}.no-margin{margin:0;padding:0}.rcard-image{border-radius:0;width:100px}.input-row{padding-left:10px;padding-right:10px}.word-input-flex{padding:0;width:100%}.word-input{border:none;border-radius:10px;border-radius:var(--border-rad);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);color:#000;font-family:Comfortaa;font-size:30pt;padding:20px;width:100%}.black-bg{background-color:rgba(0,0,0,.15);transition:background-color 3s cubic-bezier(.18,.89,.32,1.28)}.red-bg{background-color:#c67b87}.green-bg{background-color:#8bc98b}@media only screen and (max-width:1200px){.lcard{height:160px}.lcard,.rcard{border-radius:10px;border-radius:var(--border-rad)}.rcard-image{border-radius:10px 0 0 10px;border-radius:var(--border-rad) 0 0 var(--border-rad)}.ltext{line-height:160px}}@media only screen and (max-height:720px) and (max-width:1200px){.word-card.blue,.word-card.yellow{display:none}}.no-l-padding{padding-left:0;padding-right:5px}.no-r-padding{padding-left:5px;padding-right:0}@media only screen and (max-width:1200px){.no-l-padding{padding-right:0}.no-r-padding{padding-left:0}}.about{background:#fff;color:#002f6c;color:var(--finnish-blue);font-family:Roboto;font-size:large;margin-top:30px;max-width:800px;padding:30px}.wrongIndicator{float:right;margin:0 0 0 -50px;width:50px}.nav{flex-direction:row}ul#nav li{display:inline}::-webkit-input-placeholder{overflow:visible}::placeholder{overflow:visible}.settings{background-color:#3b3434;border-radius:10px;border-radius:var(--border-rad);color:#fff;font-family:Comfortaa;margin-bottom:20px;padding:40px}.active{color:red}
/*# sourceMappingURL=main.053c26e9.css.map*/