*{margin:0;padding:0}#root{height:100vh;width:100vw}body{overflow-x:hidden}.container{display:flex;flex-direction:column;height:inherit;width:inherit}.bottom-border{border-bottom:5px solid #000}.right-border{border-right:5px solid #000}.top-border{border-top:5px solid #000}.left-border{border-left:5px solid #000}#header{align-items:center;display:flex;flex-direction:column;width:100%}h1{font-size:64px;margin:8px 0}h2{font-size:24px;margin-bottom:16px}#header-button-container{-webkit-column-gap:16px;column-gap:16px;display:flex;margin-bottom:16px}.diff-button{background-color:#fff;border:1px solid gray;border-radius:4px;box-shadow:0 1px gray;font-size:24px;padding:4px}.diff-button:hover{cursor:pointer}.diff-button:active,.diff-button:hover{-webkit-filter:brightness(85%);filter:brightness(85%)}.diff-button:active{box-shadow:none;-webkit-transform:translateY(1px);transform:translateY(1px)}#board-container{align-items:center;display:flex;flex-grow:1;justify-content:center;width:100%}table{border-collapse:collapse;height:700px;width:700px}td{border:1px solid #000}input,td{font-size:32px;font-weight:600;text-align:center}input{border:none;color:gray;font-family:Times New Roman,Times,serif;height:100%;width:100%}.read{color:#000}input:focus{outline:none}.thumb-div{font-size:24px;padding:4px;text-align:center}#loading-container{align-items:center;background-color:#fff;-webkit-column-gap:0;column-gap:0;display:flex;flex-direction:column;height:100vh;justify-content:center;row-gap:50px;width:100vw}#loading-icon{font-size:300px}@media only screen and (max-width:600px){h1{font-size:48px}h2{font-size:16px}.diff-button,.thumb-div{font-size:16px;padding:2px}#header-button-container{-webkit-column-gap:12px;column-gap:12px;margin-bottom:12px}#loading-icon{font-size:250px}table{height:350px;width:350px}input,td{font-size:16px}#board-container{align-items:flex-start;margin-top:48px}.bottom-border{border-bottom:3px solid #000}.right-border{border-right:3px solid #000}.top-border{border-top:3px solid #000}.left-border{border-left:3px solid #000}}@media only screen and (max-width:800px) and (min-width:601px) and (min-height:900px){table{height:500px;margin-bottom:64px;width:500px}input,td{font-size:24px}.bottom-border{border-bottom:3px solid #000}.right-border{border-right:3px solid #000}.top-border{border-top:3px solid #000}.left-border{border-left:3px solid #000}}@media only screen and (max-height:450px){.container{flex-direction:row}#header{justify-content:center}h1{font-size:48px}h2{font-size:16px}.diff-button,.thumb-div{font-size:16px;padding:2px}#header-button-container{-webkit-column-gap:12px;column-gap:12px;margin-bottom:12px}table{height:350px;width:350px}input,td{font-size:16px}.bottom-border{border-bottom:3px solid #000}.right-border{border-right:3px solid #000}.top-border{border-top:3px solid #000}.left-border{border-left:3px solid #000}}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
/*# sourceMappingURL=main.b5ef4ea4.css.map*/