/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
}
main{
  display:block;
}
h1{
  font-size:2em;
  margin:0.67em 0;
}
hr{
  -webkit-box-sizing:content-box;
          box-sizing:content-box;
  height:0;
  overflow:visible;
}
pre{
  font-family:monospace, monospace;
  font-size:1em;
}
a{
  background-color:transparent;
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
b,
strong{
  font-weight:bolder;
}
code,
kbd,
samp{
  font-family:monospace, monospace;
  font-size:1em;
}
small{
  font-size:80%;
}
sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}
img{
  border-style:none;
}
button,
input,
optgroup,
select,
textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0;
}
button,
input{
  overflow:visible;
}
button,
select{
  text-transform:none;
}
button,
[type=button],
[type=reset],
[type=submit]{
  -webkit-appearance:button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{
  border-style:none;
  padding:0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{
  outline:1px dotted ButtonText;
}
fieldset{
  padding:0.35em 0.75em 0.625em;
}
legend{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}
progress{
  vertical-align:baseline;
}
textarea{
  overflow:auto;
}
[type=checkbox],
[type=radio]{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  padding:0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{
  height:auto;
}
[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}
[type=search]::-webkit-search-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
details{
  display:block;
}
summary{
  display:list-item;
}
template{
  display:none;
}
[hidden]{
  display:none;
}

.frow_third__col{
  background-color:#ffdd02;
}

.srow_second__col{
  background-color:red;
}

.srow_third__col{
  background-color:#ffdd02;
}

.throw_second__col{
  background-color:red;
}

.forow_second__col{
  background-color:black;
}

.firow_first__col{
  background-color:#ffdd02;
}

.firow_fourth__col{
  background-color:#1100a8;
}

.firow_fifth__col{
  background-color:red;
}

.sirow_third__col{
  background-color:black;
}

body{
  background-image:url(../images/back.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center center;
  background-size:cover;
}

h1{
  text-align:center;
}

[class*=__col]{
  border:3px solid black;
}

.table{
  height:480px;
  width:480px;
  margin-inline:auto;
}

.frow_first__col{
  grid-area:frow_first__col;
}

.frow_second__col{
  grid-area:frow_second__col;
}

.frow_third__col{
  grid-area:frow_third__col;
}

.frow_fourth__col{
  grid-area:frow_fourth__col;
}

.srow_first__col{
  grid-area:srow_first__col;
}

.srow_second__col{
  grid-area:srow_second__col;
}

.srow_third__col{
  grid-area:srow_third__col;
}

.srow_fourth__col{
  grid-area:srow_fourth__col;
}

.throw_first__col{
  grid-area:throw_first__col;
}

.throw_third__col{
  grid-area:throw_third__col;
}

.throw_fourth__col{
  grid-area:throw_fourth__col;
}

.forow_second__col{
  grid-area:forow_second__col;
}

.forow_third__col{
  grid-area:forow_third__col;
}

.forow_fourth__col{
  grid-area:forow_fourth__col;
}

.firow_first__col{
  grid-area:firow_first__col;
}

.firow_third__col{
  grid-area:firow_third__col;
}

.firow_fourth__col{
  grid-area:firow_fourth__col;
}

.firow_fifth__col{
  grid-area:firow_fifth__col;
}

.sirow_second__col{
  grid-area:sirow_second__col;
}

.sirow_third__col{
  grid-area:sirow_third__col;
}

.sevrow_third__col{
  grid-area:sevrow_third__col;
}

.table{
  border:3px solid black;
  background-color:white;
  display:grid;
  grid-template-areas:"frow_first__col frow_first__col frow_second__col frow_second__col frow_second__col frow_third__col frow_third__col frow_fourth__col" "srow_first__col srow_second__col srow_second__col srow_second__col srow_second__col srow_third__col srow_third__col frow_fourth__col" "throw_first__col srow_second__col srow_second__col srow_second__col srow_second__col throw_third__col throw_fourth__col frow_fourth__col" "throw_first__col forow_second__col forow_second__col forow_third__col forow_third__col forow_fourth__col forow_fourth__col frow_fourth__col" "firow_first__col forow_second__col forow_second__col firow_third__col firow_third__col firow_fourth__col firow_fourth__col firow_fifth__col" "firow_first__col sirow_second__col sirow_second__col sirow_third__col sirow_third__col firow_fourth__col firow_fourth__col firow_fifth__col" "firow_first__col sirow_second__col sirow_second__col sevrow_third__col sevrow_third__col sevrow_third__col sevrow_third__col firow_fifth__col";
  grid-template-rows:50px 130px 130px 60px 60px 25px 25px;
  grid-template-columns:45px 65px 65px 65px 65px 75px 75px 25px;
}