diff --git a/remove.css b/remove.css deleted file mode 100644 index e943faf..0000000 --- a/remove.css +++ /dev/null @@ -1,262 +0,0 @@ -:root { - font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; - - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; - - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -webkit-text-size-adjust: 100%; -} -#root { - padding: 2em .5em; - z-index: 1; -} - -body { - margin: 0; - display: flex; - min-width: 320px; - min-height: 100vh; - overflow-y: scroll; - overflow-x: hidden; -} - -#root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; -} - -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); -} - -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; -} - -h1 { - font-size: 3.2em; - line-height: 1.1; -} - -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} -button:hover { - border-color: #646cff; -} -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; -} - -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - button { - background-color: #f9f9f9; - } -} - -/* landing page */ -a { - display: inline-block; - height: 60px; - width: 175px; - font-size: 16pt; - font-weight: 700; - line-height: 60px; - text-decoration: none; - background-color: #1a1a1a; -} - - -/* name page */ -#player-list { - display: flex; - flex-direction: column; - align-items: center; - font-size: 16pt; - list-style: none; - padding: 0; - margin-bottom: 25px; -} - -#new-name-input { - width: 50%; - height: 25px; - font-size: 14pt; - margin-right: 15px; -} - -#clear-btn { - margin-top: 25px; -} - -#start-game { - position: fixed; - left: 97.5px; - bottom: 100px; -} - -/* game page */ -#bank-total { - font-size: 24pt; -} - -#score-view { - font-size: 18pt; - gap: 5px; -} - -#game-btns-display { - position: fixed; - font-size: 16pt; - display: flex; - justify-content: space-evenly; - bottom: 0; - left: 0; - width: 100%; -} - -.game-btns { - width: 47%; -} - -#roll-div { - z-index: 2; - height: 375px; - width: 370px; - padding: 50px 10px 0; - position: fixed; - bottom: 58px; - left: 0px; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: center; - align-content: center; - background-color: black; -} - -#roll-turn { - font-size: 16pt; - position: absolute; - top: 10px; -} - -.rolled-num { - width: 30%; - height: 70px; - margin: 5px; - background-color: lightcoral; -} - -.disabled { - opacity: .4; - background-color: grey; - pointer-events: none; -} - -.bad { - background-color: red; -} - -#bank-div { - z-index: 2; - height: 375px; - width: 370px; - padding: 15px 10px; - position: fixed; - bottom: 58px; - left: 0px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-between; - background-color: black; - overflow: auto; -} - -#bank-table { - height: 275px; - width: 90%; - font-size: 16pt; - margin-bottom: 15px; -} - -#bank-select { - height: 260px; - width: 100%; - overflow: auto; -} - -#bank-select td { - max-height: 32px; - padding: 5px 10px; -} - -#bank-select tr:nth-child(odd) { - background-color: #4C8BF5; -} -#bank-select tr:nth-child(even) { - background-color: #213547; -} - -#bank-select input { - height: 20px; - width: 20px; -} - -/* game over */ -.game-over-btns { - height: 65px; - width: 175px; - margin: 15px 50px; -} \ No newline at end of file