*{margin:0;padding:0}:root{font-family:Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-align:center;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}h5{font-size:12px;font-weight:lighter}a{text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}main{margin-top:10px;width:100%;display:flex;flex-direction:column;flex-grow:1;justify-content:start;align-items:center;overflow-y:auto}header{margin:auto;width:80%;padding:.2em;color:orange;display:flex;flex-direction:row;justify-content:space-between;align-items:center}footer{margin:auto;width:100%;padding:.8em;background-color:#727272;color:#f0f8ff;font-size:14px;display:flex;place-content:center}table thead{color:orange;text-align:left;position:sticky;top:0;margin:0;font-size:.8rem;width:160px}table tr{font-size:.9rem}table td{font-size:.8rem;width:160px;text-align:left}.spacer{margin-top:20px}.text{padding:8px}.container{margin-left:0;display:flex;width:360px;flex-direction:column;border:solid 1px white;border-radius:1rem;background-color:#646464;overflow:hidden}.guess{width:"240px";height:"240px";margin:"0 auto";display:grid;grid-gap:4px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr)}.keyboard{width:"250px";height:"254px";margin:"0 0"}.keya{width:32px;height:32px;border-radius:6px;font-size:16px;cursor:pointer}.back{background-color:orange;color:#212121;width:32px;height:32px;border-radius:6px;font-size:16px;cursor:pointer}.result{display:flex;width:100%;flex-direction:row;justify-content:space-around;background-color:#646464;margin-top:10px;margin-bottom:10px}.intro{display:flex;width:360px;flex-direction:column;border-radius:.5rem;color:#fff;background-color:#595252;margin-top:20px;margin-left:20px;text-align:left;font-size:14px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.scores{display:flex;width:360px;flex-direction:column;border:solid 0px white;border-radius:.5rem;background-color:#787778;margin-top:20px;margin-left:0}.ranks{display:flex;width:360px;flex-direction:column;border:solid 0px white;border-radius:.5rem;background-color:#7b7e79;margin-top:20px;margin-left:0}.game{width:100%;display:flex;flex-direction:column;border-top:solid 1px white;border-bottom:solid 1px white;border-radius:0rem;background-color:#646464}.board{width:100%;display:flex;flex-direction:column;padding:0;margin-top:10px;border-radius:1rem;background-color:#646464}.today{margin-top:10px;color:#fff;font-size:18px}.crono-time{height:auto;text-align:center;color:#fff;font-size:22px}.crono-text{padding-top:.5rem;text-align:center;color:#fff;font-size:20px}.tableContainer{display:flex;width:100%;margin:4px;padding:0 10px}.share-btn{text-align:center;background-color:#4f4e4e;margin-top:20px;margin-bottom:20px;color:#fff;border-radius:6px;cursor:pointer;border:1px solid;align-items:center;-webkit-tap-highlight-color:rgba(0,0,0,.3);width:50%;font-size:16px;font-weight:700;text-transform:uppercase;height:40px}.enterButton{color:#fff;background-color:#255b12;width:80px;height:30px;border-radius:4px;font-size:16px;font-weight:600;text-align:center;cursor:pointer}.attempts{font-size:18px;font-weight:400;color:#fff}.form{width:90%;background:#184000;padding:10px;max-width:320px;border-radius:12px;box-shadow:#0303031a 10px 0 50px;margin:0 auto 40px}.field{margin-bottom:30px}.label{margin-bottom:10px;font-size:18px;font-weight:400;color:#fff}.input{width:80%;padding:15px;border:0;background:#f0f0f0;border-radius:5px;font-size:18px;color:#555;font-weight:600}.button{background:#f50;color:#fff;font-weight:400;width:90%;border-radius:5px;cursor:pointer;padding:15px;margin-bottom:20px;border:0;font-size:18px}.button:hover{background:#1e9304}.invalid{border:1px solid red}.error{color:#f8f6f6}