body{background-color:#daedff;color:#000;font-family:sans-serif}#creds{text-align:right;font-size:8pt;opacity:.2;margin:72px 4px 4px;text-align:center}#grid-show{display:block;margin:48px auto;font-size:18px;border:0px;border-radius:8px;padding:20px 40px;background-color:#31a2e9}.border{border:2px solid #FDFFF0;border-radius:8px}.noselect{-webkit-user-select:none;user-select:none}.hexagon-container{max-width:341px;aspect-ratio:1;position:relative}.hexagon-container .hexagonlet{height:115px;aspect-ratio:1/.8660254038;clip-path:polygon(50% -50%,100% 50%,50% 150%,0 50%);background:#fdfff0;position:absolute;cursor:pointer}.hexagon-container .hexagonlet:nth-child(1){top:60px;left:0}.hexagon-container .hexagonlet:nth-child(2){top:180px;left:0}.hexagon-container .hexagonlet:nth-child(3){top:240px;left:104px}.hexagon-container .hexagonlet:nth-child(4){top:180px;left:208px}.hexagon-container .hexagonlet:nth-child(5){top:60px;left:208px}.hexagon-container .hexagonlet:nth-child(6){top:0;left:104px}.hexagon-container .hexagonlet:nth-child(7){top:120px;left:104px;background-color:#ffd133}.hexagon-container .hexagonlet:nth-child(7):hover{background-color:#ffd133bb}.hexagon-container .hexagonlet:hover{background-color:#fdfff0bb}.hexagon-container .hexagonlet p{position:absolute;margin:0;padding:0;top:50%;left:50%;transform:translate(-50%,-50%);font-size:44px}.home{margin:0 auto;width:341px}.home h2,.home p{text-align:center}.home-lettersetter{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 24px}.home-lettersetter input{width:32px;height:36px;font-size:32px;display:block;text-align:center;border:none;background-color:FDFFF0}.home-lettersetter input:nth-child(7){background-color:#ffd133}.home #create-game{border:0px;border-radius:24px;height:72px;width:80%;display:block;margin:0 auto;font-size:32px;background-color:#31a2e9;cursor:pointer}.home #create-game:hover{background-color:#1182ce}.progress-bar{height:24px;border:2px solid #FDFFF0;border-radius:8px;margin:24px 0}.progress-bar-inner{background-color:#e3be3c;height:24px;border-radius:6px;transition:width .5s ease-in-out}.profile-icon{display:inline-block;aspect-ratio:1;text-align:center}.word-grid{margin-top:32px;padding:24px}.word-grid-content{margin:0 auto;table-layout:fixed;border-spacing:0}.word-grid-content th{background-color:#fdfff0}.word-grid-content th,.word-grid-content tr,.word-grid-content td{margin:0;padding:0}.word-grid-content td:first-child{background-color:#fdfff0}.word-grid-content th,.word-grid-content td{border:1px solid black}.word-grid-content p{text-align:center;font-size:24px;padding:0;width:50px;height:24px;margin:13px 0}.game{width:800px;margin:0 auto}.game-word-container{margin:24px 0;padding:24px;position:relative}.game-word-container .profile-container{position:absolute;top:8px;right:8px;height:33px;width:33px;font-size:20px}.game-word-container .profile-container p{margin:0;padding:2px;text-align:center;border-radius:4px}.game-word-container p.game-word-entry{color:#000;font-size:37px;text-align:center;margin:0 0 24px}.game-word-container p.game-word-entry:after{content:" ";font-size:0;white-space:pre}.game-word-container p.game-word-entry .golden{color:#ffd133}.game-word-container p.game-word-entry .gray{color:#ffffff60}.game-word-container p.game-word-entry #cursor{display:inline-block;width:2px;height:26px;background-color:#000;margin-left:4px;animation:blink-animation .8s steps(2,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.game-word-container p.game-error{color:red;text-align:center}.game-button-container{height:48px;text-align:center}.game-button-container button{border:0;height:100%;font-size:18px;padding:8px 24px;color:#fff;cursor:pointer}.game-button-container button:nth-child(1){border-top-left-radius:8px;border-bottom-left-radius:8px;background-color:#ff2302}.game-button-container button:nth-child(2){background-color:#c109c3}.game-button-container button:nth-child(3){border-top-right-radius:8px;border-bottom-right-radius:8px;background-color:#10b120}.game-button-container button:hover{opacity:.8}.game-button-container button:active{opacity:.7}.game-main-content{display:grid;grid-template-rows:auto;grid-template-columns:50% 50%}.game-main-content-wordlist{column-count:2;padding:8px}.game-main-content-wordlist p{padding:8px;margin:0}.game-main-content-wordlist p.pangram{font-weight:700}