@import "https://fonts.googleapis.com/css2?family=Oswald&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--TitleFont:--MainFont: "Oswald",sans-serif;--LetterFont:"Helvetica Neue",Arial,sans-serif;--Green:#7bb677;--Yellow:#d3bf6b;--Grey:#8b8f91;--Red:#bc6157}body{background-color:#fff;margin:0;padding:0}.container{text-align:center;border-radius:5px;flex-direction:column;align-items:center;min-width:350px;max-width:500px;height:100dvh;min-height:100dvh;margin-left:auto;margin-right:auto;display:flex;overflow:hidden;box-shadow:0 8px 24px #959da51a}.headerContainer{justify-content:space-between;width:100%;display:flex;position:relative}.headerContainer .headericon{position:absolute;top:10px;right:10px}.Title{font-family:var(--LetterFont);text-transform:uppercase;color:var(--Grey);margin:0 auto;font-size:3.5rem;font-weight:700}.LetterContainer{padding-bottom:25px;display:flex}.letterBox-Container{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;height:95px;display:flex}.letterBox{color:#fff;text-transform:uppercase;text-align:center;border:none;width:57px;height:57px;margin-right:5px;font-size:32px;font-weight:700}.letterBox:focus{box-shadow:0 0 0 2px var(--Red);outline:none}.footer{text-align:center;color:var(--Grey);margin-top:auto}.button-Green{background-color:var(--Green);width:285px;font-family:var(--LetterFont);text-transform:uppercase;color:#fff;border:none;border-radius:5px;padding:5px 0;font-weight:700;box-shadow:3px 3px 5px #0000001a}.button-Green:hover{color:#fff;cursor:pointer;background-color:#6fa46b}.button-Green:active{box-shadow:3px 3px 5px #0003}.Footerlink{margin-left:10px;margin-right:10px;display:inline-block;position:relative}.Footerlink .tooltiptext{visibility:hidden;background-color:var(--Green);color:#fff;text-align:center;z-index:1;border-radius:6px;width:max-content;padding:5px;font-size:.8rem;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 0 6px #0003}.Footerlink:hover .tooltiptext{visibility:visible}.FooterReactIcon{color:var(--Grey);font-size:1.5rem}.FooterReactIcon:hover{color:var(--Green)}.PopUpReactIcon{color:var(--Grey);font-size:1.5rem}.PopUpReactIcon:hover{color:var(--Yellow)}.PopUpShade{z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.PopUpWindow{z-index:1001;text-align:center;background-color:#fff;border-radius:10px;width:300px;padding:20px;box-shadow:0 8px 24px #959da51a}.PopUpWindow p{color:var(--Grey);text-align:justify;padding:10px}.ErrorMessage{color:var(--Red);font-family:var(--LetterFont);text-transform:uppercase;font-size:1.5rem;font-weight:700}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.shake{animation:.15s shake}.possible-options-container{padding:2px;display:flex}.sugested-word{background-color:var(--Grey);color:#fff;text-transform:uppercase;cursor:pointer;border-radius:20px;margin:0 2px;padding:0 10px;font-weight:500}.sugested-word:hover{background-color:var(--Green);box-shadow:0 8px 24px #959da533}.colour-change-button{cursor:pointer;border-radius:15px;width:20px;height:20px;margin-top:5px;box-shadow:2px 2px #8b8f9133}@keyframes flip-start{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.flip-start{animation:.25s forwards flip-start}@keyframes flip-leave{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.flip-leave{animation:.25s forwards flip-leave}.body-title{color:var(--Grey);font-family:var(--LetterFont);padding:10px 0;font-size:1.1rem;font-weight:700}.previous-guesses-containers{scrollbar-width:thin;scrollbar-color:var(--Green)white;padding:10px 0;overflow:auto}.single-prev-guess{font-family:var(--LetterFont);text-transform:uppercase;justify-content:space-between;font-weight:700;display:flex}.remaining-options-wrapper{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.remaining-options-area{scrollbar-width:thin;scrollbar-color:var(--Green)white;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;padding:10px 0;display:flex;overflow:hidden auto}.five-padding{padding:5px 0}.possibilities-number-container{color:var(--Grey);padding:20px 0}.possibilities-number-container .green-bold{color:var(--Green);font-size:1.25rem;font-weight:700}.small-light-font{color:var(--Grey);font-size:small;font-weight:200}.small-light-font-link{color:var(--Grey);cursor:pointer;-webkit-text-decoration:2px solid underline var(--Green);text-decoration:2px solid underline var(--Green);font-size:small;font-weight:200}.small-light-font-link:hover{cursor:pointer;-webkit-text-decoration:2px solid underline var(--Yellow);text-decoration:2px solid underline var(--Yellow)}