header{margin:15px auto;width:380px}h1,h2{text-align:center}h2{font-size:1.2em;font-weight:400}table{margin:0 auto;border-spacing:4px}td{border:1px solid black}.wordle_input{height:50px;width:50px;border:none;text-align:center;font-size:1.3em;font-weight:700;color:var(--default-brighter-color)}.status_input{width:50px;border:none;text-align:center;font-size:1.3em;font-weight:700}.unknown{color:var(--default-dark-color)}.correct{background-color:#70b961;color:var(--default-brighter-color)}.wrong{background-color:#707070;color:var(--default-brighter-color)}.different_position{background-color:#c4b464;color:var(--default-brighter-color)}.button_container{display:flex;justify-content:center}button{background-color:#cbd8f0;border:none;border-radius:50px;padding:6px 15px;margin:5px;font-size:1.1em}button:hover{transform:scale(1.05)}button:active{background-color:#fff}li{list-style-type:none}p{text-align:left;margin-bottom:10px;font-size:1.1em}main{width:380px;margin:auto}section{width:380px;margin:10px}@media screen and (min-width:992px){main{width:800px;display:flex}}:root{--default-bright-color: #f0f0f0;--default-brighter-color: white;--default-dark-color: #0f0f0f;--default-darker-color: black;--highlight-dark-color: red}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--default-bright-color);color:var(--default-dark-color);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#root{margin:0 auto}