body{font-family:"Roboto", sans-serif;position:relative;z-index:0;transition:0.2s ease;display:flex;flex-direction:column;justify-content:space-between;height:100vh;background-repeat:no-repeat}body{text-align:center;font-family:Arial, sans-serif}h3{font-size:1.7rem;padding:0;margin:0}p{margin:0 0 5px}p .highlight{font-weight:bold}nav{width:100%;position:relative;display:flex;justify-content:space-between;top:15px;flex-wrap:nowrap;align-items:flex-start;flex-grow:1}main{flex-grow:4}.section{display:flex;justify-content:space-around;flex-grow:2;flex-direction:column;gap:40px}.section.rederect{justify-content:right;flex-direction:row;padding:0 50px}.btn.inactive{cursor:default}.word{margin:0 15px}#word{position:relative;z-index:3;font-size:2rem;margin:10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;transition:0.2s ease}img{max-height:67px;display:block;position:relative;left:30px;top:12px}span.title{display:block;padding-top:0}#letters{font-size:18px;margin:10px}.card{border-radius:8px;padding:20px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);margin:20px}.show{display:block}.rest svg{width:24px;height:24px}.bday svg{fill:#fb28a9}#popup{position:fixed;top:calc(50% - 100px);left:calc(50% - 175px);padding:30px;border-radius:10px;margin:auto;width:290px;height:140px;z-index:2}#popup input[type="text"]{margin:0 0 9px}#blanket{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;background:#000000ba}.hide{display:none}#attempts{display:block}.infopanel{display:flex;width:100%;justify-content:center;font-size:0.8rem;gap:20px;margin-top:5px}.infopanel .info{width:110px;padding:6px;border-radius:6px}.word-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center}.correct-letter{padding:10px;border-radius:4px;margin:5px}.wrong-letter{padding:10px;border-radius:4px;margin:5px}.wrongLetter{color:#f4744e}#hint span{font-size:0.8rem;display:block}.hintLetter{color:orange}.btn-container{display:flex;justify-content:center;gap:25px;margin-top:15px}#themePicker{position:relative;top:0;left:0}.btn{padding:12px 24px;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s;font-size:18px}input[type="text"]{padding:12px;border:none;border-radius:6px;font-size:2rem;margin:20px 0 5px;max-width:80vw;transition:0.2s ease;text-align:center}#nameForm{font-size:18px}input::placeholder{font-size:14px}.icon-btn{padding:12px;border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s;font-size:18px}.card-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-around}.card-title{font-size:24px}body{font-size:16px;max-width:1080px;margin:auto}.card{margin:0 auto}#warning{position:fixed;display:none;margin:auto;transition:opacity 1s;width:100%;left:50%;top:200px;transform:translateX(-50%);z-index:4}#score{font-size:18px;width:100px;margin:10px auto 0;padding:8px;border-radius:6px}a{color:#fff}h1 a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;align-content:center;flex-wrap:wrap;align-items:stretch;justify-content:center;width:fit-content;margin:auto}select{border:none;appearance:none;border-radius:6px;padding:8px 12px;display:block;cursor:pointer;position:absolute;top:-13px;right:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='white'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;transition:0.2s ease;background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}#languagePicker{top:0;position:relative}#score-value{font-weight:bold}.highscores_container{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.highscores{margin-top:20px;border-radius:4px;padding:20px;max-width:300px;margin:30px auto auto;padding-inline-start:0;position:relative;width:50%;transition:0.2s ease}.highscores h2{font-size:24px}.medal{position:absolute;left:15px}.text-yellow-500{opacity:1;color:rgb(234 179 8)}.text-gray-400{opacity:1;color:rgb(156 163 175)}.text-amber-700{opacity:1;color:rgb(180 83 9)}.list li{font-size:18px;margin:10px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;padding-left:15px}.list .player-name{font-weight:bold;text-transform:capitalize}.list .score{font-weight:bold}footer{justify-content:space-evenly;display:flex;align-items:normal;padding:20px;flex-direction:row;height:200px;background:var(--inactive-bg);margin:30px 0 0;flex-grow:1}.links{display:flex;justify-content:space-evenly;flex-direction:column;gap:5px}@media screen and (max-width: 768px){body{font-size:14px}.btn,.icon-btn,.raised-btn{padding:10px 20px}.highscores{width:100%}}@media screen and (max-width: 480px){body{font-size:12px}.btn,.icon-btn,.raised-btn{padding:8px 16px}}@media screen and (max-width: 768px){.btn-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row}}@media screen and (max-width: 480px){.btn-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row}}