.scrambledword{font-weight:700;font-size:32pt;text-transform:uppercase;letter-spacing:3px}.wordinput{height:42px;width:200px;font-family:Mulish,sans-serif;font-size:24pt;font-weight:200;text-transform:uppercase;padding:8px;text-align:center;border-bottom:3px solid black;margin:16px 0}@media only screen and (min-width: 280px) and (max-width: 576px){.wordinput:after{margin-bottom:30px;content:""}}.keyboard{width:100%;display:flex;flex-direction:column;align-items:center;margin:8px 0}.keyboard__row{display:flex;flex-direction:row;justify-content:center;margin:3px;width:100%}.keyboard .key{flex:1;min-height:60px;padding:5px;margin:0 1px;font-size:10pt;background-color:#51557e;color:#fff;border:0}.keyboard .key__char:active{background-color:#1f2130}.keyboard .key__extra{background-color:#06283d}.game{display:flex;flex-direction:column;padding-top:0;height:100%}.game__content{display:flex;flex-direction:column;align-items:center;flex:5;margin-top:15px}.game__info{display:flex;flex-direction:row;margin-bottom:15rem}.game__info div{margin:0 16px}.closebutton{position:absolute;top:-15px;right:-15px;background-color:#000;width:30px;height:30px;color:#fff;border-radius:10%;transform:rotate(45deg)}.modal{background-color:#fff;border:1px solid black;position:absolute;float:left;top:20px;left:calc(50% - 250px);width:500px;height:300px;transition:all ease 1s}@media only screen and (min-width: 280px) and (max-width: 576px){.modal{width:80%;height:70%;margin:auto;left:0;right:0;top:0;bottom:0}}.modal__content{height:100%}.socialshare{margin-top:15px}.socialshare__title{font-size:16pt;font-weight:700;text-align:center}.socialshare__networks{display:flex;flex-direction:row;justify-content:center;gap:20px}.socialshare__icon{width:60px;height:60px}.stats{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 25px}.stats__lastpoints{font-size:24pt;font-weight:700;text-align:center}.stats__lastwords{font-size:14pt}.stats__history{padding-top:30px}.langselector{display:flex;flex-direction:row;align-items:center}.langselector__select{color:#000;background-color:#fff;border:0;border-bottom:1px solid black;padding:5px}.navbar{display:flex;flex-direction:row;align-items:center;width:100%;height:4vh}.navbar__left,.navbar__right{display:flex;flex-direction:row;gap:0 10px}.navbar__left{flex:1;justify-content:left}.navbar__right{justify-content:right}.wpselector__options{display:flex;flex-direction:row;justify-content:center;gap:0 6px}.wpselector__item{cursor:pointer;margin:4px}.wpselector__item--active{font-weight:700}.startbutton{font-size:14pt;background-color:#345b63;color:#fff;border:0;width:120px;height:70px}.brand{font-family:Ruge Boogie,cursive;font-size:10vh}.menu{flex:1;align-items:center;display:flex;flex-direction:column;justify-content:center}.footer{padding-bottom:0;margin-bottom:0;text-align:center}.selectionscreen{margin:0;padding:0;display:flex;flex-direction:column;height:100%}body{background-color:#000;font-family:Mulish,sans-serif;margin:0;padding:0}.app{height:100vh}.container{background-color:#fff;border:1px solid black;margin-left:auto;margin-right:auto;width:450px;border:0;padding:0;height:100%;width:100%}