.letter{font-size:1700%;font-weight:700}.danger-text{color:#e74c3c;font-weight:700}.button{background:#2ecc71;color:#fff;padding:10px 20px;cursor:pointer;border-radius:8px;display:inline-block;margin:5px;font-weight:700}.button.danger{background:#e74c3c}.button.disabled{background:#bdc3c7;opacity:.5;pointer-events:none}.button.big{font-size:200%}.button.small{font-size:80%;padding:4px 10px;margin:2px;color:#fff}.button.secondary{background:#95a5a6}.used-letters{margin:20px;overflow-wrap:break-word;line-height:40px}.used-letter{background:#34495e;color:#fff;padding:4px 8px;margin:5px;border-radius:3px;display:inline;text-transform:uppercase;cursor:pointer}.placeholder .used-letter:before{content:"?"}.placeholder .used-letter{background:transparent;border:3px dashed #ccc;color:transparent}.small{color:#999;font-size:.9em;line-height:normal}@media only screen and (min-device-width:900px){.used-letters{line-height:70px}.used-letter{font-size:200%;padding:10px 20px;border-radius:8px}}@media only screen and (max-device-height:900px){.letter{font-size:1300%}}@media only screen and (max-device-height:600px){.letter{font-size:1000%}.button.big{font-size:150%}}.footer{position:fixed;width:100%;bottom:0;padding:0}.footer-icons{font-size:2em;position:fixed;right:10px;top:10px}.footer-icons a{margin:5px}.fa-heart{color:tomato}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{margin:0}div.centered{text-align:center}a{color:#2ecc71;text-decoration:none;font-weight:700;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}a:hover{color:#2c3e50}