2 lines
21 KiB
CSS
2 lines
21 KiB
CSS
|
html *{margin:0;font-size:14px}body{margin:0;font-family:Oswald,sans-serif;font-weight:800;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;height:100vh;width:100vw}body div#root,body div.App{height:100%;width:100%}body div.App{background-color:#dcdc34}body aside{background-color:#3c013f}body main{background-color:#95acae;font-weight:100}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}div.main-wrapper{display:flex;justify-content:flex-start;flex-flow:column nowrap;height:100%;width:100%}div.main-wrapper div.NavBar{max-height:10vh;min-height:5vh}div.main-wrapper div.content-wrapper{display:flex;justify-content:flex-start;height:100%;width:100%}div.main-wrapper div.content-wrapper aside{display:flex;flex-direction:column;flex-grow:1;max-width:20vw}div.main-wrapper div.content-wrapper aside a{display:block}div.main-wrapper div.content-wrapper main{display:block;max-width:80vw;width:100%;height:100%}div.NavBar{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;background-color:#6f3e68;color:#dae1b7}div.NavBar p{font-size:1.4em}div.NavBar a{text-decoration:none;color:inherit}aside{color:#f2ce3d}aside,aside nav{display:flex;flex-flow:column nowrap}aside nav{align-items:stretch}aside h3{font-size:130%;margin:.2em auto;text-transform:capitalize}aside input{display:block;margin:.2em 0 .2em auto}aside div.nav__section{border:.25em solid hsla(0,0%,39.2%,.5);margin:.5em;padding:.75em .5em}aside p.nav__section__label{font-size:110%;margin-bottom:.5em;text-decoration:none}aside p.nav__section__label:hover{cursor:pointer;text-decoration:underline}div.Game{display:grid;grid-template-columns:1fr 2fr 1fr;height:100%;width:100%;background:radial-gradient(farthest-corner at 55% 40%,#96c8dc 0,#61a6c2 65%,#466478 90%,#28505a 100%)}div.Game__board-container{display:flex;flex-flow:column nowrap;justify-content:space-evenly;max-width:50vw;max-height:100vh}div.Game__board{background:radial-gradient(farthest-corner at 55% 40%,#f4e678 0,#eab24e 65%,#c8a05a 90%,#c88c5a 100%);background-size:cover;box-shadow:-2vmin 4vmin 3vmin rgba(145,92,23,.5);display:grid;margin:0 auto;z-index:1}div.Game__board--size-9{grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr)}div.Game__board--size-9 div.board__point{width:9vmin;height:9vmin}@media only screen and (min-width:570px){div.Game__board--size-9 div.board__point{height:7.5vh;width:7.5vh}}div.Game__board--size-13{grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(13,1fr)}div.Game__board--size-13 div.board__point{width:7vmin;height:7vmin}@media only screen and (min-width:570px){div.Game__board--size-13 div.board__point{height:5vh;width:5vh}}div.Game__board--size-19{grid-template-columns:repeat(19,1fr);grid-template-rows:repeat(19,1fr)}div.Game__board--size-19 div.board__point{width:5vmin;height:5vmin}@media only screen and (min-width:590px){div.Game__board--size-19 div.board__point{height:2.6vw;width:2.6vw;max-width:3.5vh;max-height:3.5vh}}div.board__point{background:conic-gradient(#000 0,transparent 1%,transparent 24%,#000 25%,transparent 26%,transparent 49%,#000 50%,transparent 51%,transparent 74%,#000 75%,transparent 76%,transparent 99%,#000 100%);border-radius:50% solid #000;color:#000;margin:auto;padding:0;vertical-align:middle}div.board__point--top{background:conic-gradient(transparent 24%,#000 25%,transparent 26%,transparent 49%,#000 50%,transparent 51%,transparent 74%,#000 75%,transparent 76%)}div.board__point--bottom{background:conic-gradient(#000 0,transparent 1%,transparent 24%,#000 25%,transparent 26%,transparent 74%,#000 75%,transparent 76%,transparent 99%,#000 100%)}div.board__point--left{background:conic-gradient(#000 0,transparent 1%,transparent 24%,#000 25%,transparent 26%,transparent 49%,#000 50%,transparent 51%,transparent 99%,#000 100%)}div.board__point--right{background:conic-gradient(#000 0,transparent 1%,transparent 49%,#000 50%,transparent 51%,transparent 74%,#000 75%,transparent 76%,transparent 99%,#000 100%)}div.board__point--top.board__point--left{backgrou
|
||
|
|
/*# sourceMappingURL=main.1d648088.chunk.css.map */
|