body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.field{display:grid;grid-template-columns:repeat(3,200px);grid-template-rows:repeat(3,200px);left:50%;margin-top:40px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.field__item{align-items:center;border:5px solid #000;display:flex;font-size:50px;justify-content:center}.field_bordtn{border-top:none}.field_bordln{border-left:none}.field_bordrn{border-right:none}.field_borbn{border-bottom:none}@media(max-width:621px){.field{grid-template-columns:repeat(3,150px);grid-template-rows:repeat(3,150px)}}@media(max-width:456px){.field{grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);margin:auto}}.header{display:block;font-size:30px;margin:0 auto;padding-top:10px;text-align:center;width:100%}@media(max-width:621px){.header{font-size:20px}}@media(max-width:480px){.header{font-size:15px}}.line__vertical{background:#38b156;height:600px;position:absolute;width:8px}.line_vertical-1{left:94px}.line_vertical-2{left:295px}.line_vertical-3{left:497px}.line__horizontal{background:#38b156;height:8px;position:absolute;width:600px}.line_horizontal-1{top:94px}.line_horizontal-2{top:295px}.line_horizontal-3{top:497px}.line__dioginal{background-color:red;height:8px;position:absolute;width:850px}.line_dioginal-1{left:-125px;top:300px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.line_dioginal-2{left:-125px;top:300px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media(max-width:621px){.line__vertical{height:450px}.line_vertical-1{left:68px}.line_vertical-2{left:221px}.line_vertical-3{left:373px}.line__horizontal{width:450px}.line_horizontal-1{top:68px}.line_horizontal-2{top:221px}.line_horizontal-3{top:375px}.line__dioginal{width:630px}.line_dioginal-1{left:-85px;top:225px}.line_dioginal-2{left:-85px;top:218px}}@media(max-width:456px){.line__vertical{height:300px}.line_vertical-1{left:44px}.line_vertical-2{left:146px}.line_vertical-3{left:249px}.line__horizontal{width:300px}.line_horizontal-1{top:44px}.line_horizontal-2{top:146px}.line_horizontal-3{top:249px}.line__dioginal{width:425px}.line_dioginal-1,.line_dioginal-2{left:-62px;top:150px}}.button{background-color:aqua;border:0;border-radius:3px;cursor:pointer;display:block;font-size:10px;font-weight:700;height:30px;margin:30px auto 0;text-transform:uppercase;width:150px}.button:hover{border:2px solid #000}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-float 3s ease-in-out infinite;animation:App-logo-float 3s ease-in-out infinite}}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#704cb6}@-webkit-keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.27ca281e.css.map*/