@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vine{background-color:initial;left:-10%;object-fit:cover;position:absolute;top:-80%;width:100%;z-index:100}.nav{align-items:center;background-color:#3f2b1b;display:flex;justify-content:space-between;margin:0;width:100%}.nav,.navbar{overflow:visible;padding:0}.navbar{background-color:#654321;border:1px solid #4c6953;position:sticky;top:0;width:99.55%;z-index:20}.nav-link{color:#fff}.nav-component{background-color:#84a98c;cursor:pointer;display:inline-flex;flex:1 1;margin:0;overflow:visible;position:relative;transition:.3s ease}.nav-component a{color:#fff;display:block;font-family:Josefin Sans,sans-serif;font-optical-sizing:auto;font-size:13px;font-style:normal;font-weight:700;height:100%;padding-top:.3em;text-decoration:none;text-transform:uppercase;width:100%}.nav-component:hover{background-color:#bcafdb}.nav-component:active{background-color:#4c6953}.nav-button{background-color:initial;border:5px solid #f6e4e1;max-height:80px;min-height:30px;width:100%}@media screen and (max-width:426px){.nav-button{padding:0}.navbar{top:0}}.close,.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px}.close{position:absolute;right:10px;top:10px}#navbar{background-color:#333;display:block}.sticky{display:block;position:fixed;top:0;width:100%;z-index:10}html{scroll-behavior:smooth}@media (max-width:768px){@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.nav{animation:slideInFromLeft .5s ease;box-sizing:border-box;display:none;padding:1em}.hamburger{background:none;border:none;color:inherit;cursor:pointer;display:block;font:inherit;outline:inherit;padding:0;position:absolute;right:0;top:0;z-index:10}.mobile-menu img{margin-left:0;margin-right:auto}.hamburger img,.mobile-menu img{display:block;height:76%;width:76%}.hamburger img{margin-left:auto;margin-right:0}.nav-mobile-open{grid-gap:5px;align-items:center;background-color:#4c6953;background-color:#f0f0f0;display:grid;gap:5px;grid-template-columns:repeat(5,1fr);justify-items:center;padding:2px;top:0;width:100%;z-index:10}.mobile-menu-overlay{background-color:#00000080;height:100vh;width:100%}.close,.mobile-menu-overlay{left:0;position:absolute;top:0;z-index:10}.close{background-color:#fff;background:none;border:none;color:inherit;cursor:pointer;display:block;font:inherit;outline:inherit;padding:0;right:auto}.nav-component{background-color:#4c6953;border-radius:5px;padding-top:10px;width:100%}.nav-button{border:2px solid #fff;padding:1em;width:100%}@media (max-width:450px){.nav-button{border:0 solid #fff;padding:0;width:100%}}.nav-link{font-size:18px}@media (max-width:728px){.nav-link{font-size:5px}}}.ww{color:#d3d7c6;height:1044px;text-align:center}.background,.ww{background-color:#d3d7c6;display:flex;width:100vw}.background{align-items:center;flex-direction:column;height:fit-content}.legend-btn:hover{border-radius:90px;box-shadow:0 3px 6px #00000029,0 3px 6px #00000029;cursor:pointer}body{padding:0}body,h1{margin:0}h1{color:#4c6953;flex-direction:row;font-family:Cinzel Decorative,serif;font-size:45px;padding-top:10px}.game{align-items:center;background-color:#d3d7c6;height:calc(100vh - 170px);padding-top:10px;width:100vw}.board,.game{display:flex;flex-direction:column}.board{background-color:#4c6953;border-radius:25px;flex-grow:0;height:500px;padding-bottom:10px;width:400px}.instructions{background-color:#fff;border-radius:20px;color:#4c6953;font-family:PT Sans,sans-serif;font-size:1.5em;margin-bottom:20px;margin-top:10px;padding:8px 20px 20px}.row{display:flex;flex:33% 1;flex-direction:row;margin:5px}.letter{background-color:#fff;border-radius:20px;color:#465446;display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-family:Josefin Sans,sans-serif;font-size:2em;height:60px;line-height:1;margin:5px 5px -5px;padding-top:2%;place-items:center}#correct{background-color:#e7c1ff}#almost{background-color:#ffd4ac}#error{background-color:#cdcdcd}.keyboard{background-color:#d3d7c6;height:180px;margin-top:10px;width:500px}.line1,.line2,.line3{display:flex;flex:33% 1;flex-direction:row;justify-content:center;margin:3px}.key{background-color:#4c6953;border-radius:10px;color:#fff;cursor:pointer;display:grid;font-family:PT Sans,sans-serif;font-size:20px;font-weight:700;height:50px;margin:3px;place-items:center;width:40px}#big{width:100px}#disabled{background-color:#3a393c}.gameOver{background-color:#0003;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.gameOver,.gameOver .inner{align-items:center;display:flex;flex-direction:column}.gameOver .inner{background-color:#4c6953;border-radius:20px;font-family:PT Sans,sans-serif;height:200px;max-width:400px;min-width:300px;position:relative;top:30%}.gameOver .inner .restart-btn{cursor:pointer;position:absolute;right:16px;top:16px}.gameOver .inner .restart-btn:hover{border-radius:50px;box-shadow:0 3px 3px #00000029,0 3px 3px #0000003b}.gameOver .inner .close-btn{cursor:pointer;left:16px;position:absolute;top:16px}.gameOver .inner .close-btn:hover{border-radius:50px;box-shadow:0 3px 3px #00000029,0 3px 3px #0000003b}.gameOver .inner .copy-btn{background-color:#d3d7c6;border-radius:15px;bottom:16px;color:#4c6953;cursor:pointer;height:25px;place-content:center;position:absolute;width:100px}.gameOver .inner .copy-btn:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.gameOver .inner .title{color:#d3d7c6;font-size:1.5em;margin-bottom:10px;margin-top:12px}.legend{align-items:center;background-color:#0003;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}@media screen and (max-width:456px){.board{height:420px;width:350px}.keyboard{height:180px;width:350px}.letter{border-radius:18px;font-size:1.5em;height:52.2px}.key{font-size:1em;margin-left:3px;margin-right:3px}.instructions{font-size:1.4em;margin-bottom:40px;text-align:center;width:80%}.ww{height:1050px}}
/*# sourceMappingURL=main.7f57b90e.css.map*/