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;line-height:1.5;margin:0}body,code{background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);color:#fff}code{border-radius:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:.2em .4rem}header{color:#fff;padding:1rem 0;text-align:center}header,main{background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364)}main{border-radius:0;box-shadow:0 4px 8px linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);margin:0 auto;max-width:700px;padding:2rem}footer{bottom:0;color:#fff;padding:em;position:fixed;text-align:center;width:100%}@media (max-width:768px){body{font-size:90%}main{padding:1rem}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-gradient-to-r from-blue-300 to-white text-blue-900}}@layer components{.app-container,.footer,.header,.word-scramble{@apply bg-blue-900 text-white py-4 w-full text-center}}@layer utilities{.btn,.input,.message{@apply p-2 rounded text-white}}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.grid-container{grid-gap:.1px;display:grid;gap:.1px;grid-template-columns:repeat(auto-fit,minmax(25px,1fr));justify-content:center}.grid-item{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);border:1px solid #0b24c9;border-radius:1rem;color:#fff;display:flex;font-size:19px;height:40px;justify-content:center;text-transform:uppercase;width:40px}.guess-grid{margin-bottom:10px;margin-top:10px}.scrambled-grid{margin-bottom:15px;margin-top:10px}.btn,input,select{font-size:20px}.btn{background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);border:none;border-radius:3rem;color:#e3e9ed;cursor:pointer;margin:10px 20px;padding:.3rem .5rem}.btn:hover{background-color:#a51818}.message{border-radius:5px;font-size:20px;padding:10px}.message.bg-green-400{background-color:#38a169}.message.bg-red-400{background-color:#e53e3e}.message.bg-yellow-400{background-color:#ecc94b}.text-2xl{font-size:30px;font-weight:700;font:serif}.text-2xl,.text-lg{margin-bottom:2px;margin-top:2px}.text-lg{font-size:20px;font:serif}.text-md{font-size:18px;margin-bottom:2px;margin-top:2px}.level-container,.score-container{display:flex;font:Georgia;justify-content:space-between;width:100%}.btn-container{display:flex;justify-content:center;margin-bottom:5px;margin-top:5px}
/*# sourceMappingURL=main.e5f2f178.css.map*/