.board{grid-column:2/3;grid-row:2/3;justify-self:stretch;align-self:stretch;display:grid;grid-template-rows:repeat(3,28vmin);grid-template-columns:repeat(3,28vmin);grid-row-gap:4vmin;grid-column-gap:4vmin;justify-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:start;align-content:start;width:92vmin;margin:0 auto;background:-webkit-radial-gradient(50%,ellipse,rgba(54,70,82,.4) 50%,#fffcf2);background:-o-radial-gradient(50%,ellipse,rgba(54,70,82,.4) 50%,#fffcf2);background:radial-gradient(ellipse at 50%,rgba(54,70,82,.4) 50%,#fffcf2);-webkit-filter:drop-shadow(3px 3px .5rem rgba(54,70,82,.4));filter:drop-shadow(3px 3px .5rem rgba(54,70,82,.4));-webkit-animation:a .2s ease-in forwards;animation:a .2s ease-in forwards}.board,.board__space{border-radius:2px;opacity:0}.board__space{padding:1rem;background:-webkit-radial-gradient(50%,circle,#eadeda 50%,#c5d9e2);background:-o-radial-gradient(50%,circle,#eadeda 50%,#c5d9e2);background:radial-gradient(circle at 50%,#eadeda 50%,#c5d9e2);font-family:Acme,sans-serif;-webkit-animation:b ease-out forwards;animation:b ease-out forwards}.board__space:nth-child(0){-webkit-animation-delay:0ms;animation-delay:0ms}.board__space:first-child{-webkit-animation-delay:.11s;animation-delay:.11s}.board__space:nth-child(2){-webkit-animation-delay:.22s;animation-delay:.22s}.board__space:nth-child(3){-webkit-animation-delay:.33s;animation-delay:.33s}.board__space:nth-child(4){-webkit-animation-delay:.44s;animation-delay:.44s}.board__space:nth-child(5){-webkit-animation-delay:.55s;animation-delay:.55s}.board__space:nth-child(6){-webkit-animation-delay:.66s;animation-delay:.66s}.board__space:nth-child(7){-webkit-animation-delay:.77s;animation-delay:.77s}.board__space:nth-child(8){-webkit-animation-delay:.88s;animation-delay:.88s}.board__space:nth-child(9){-webkit-animation-delay:.99s;animation-delay:.99s}.board__space:nth-child(10){-webkit-animation-delay:1.1s;animation-delay:1.1s}.board__space:nth-child(11){-webkit-animation-delay:1.21s;animation-delay:1.21s}.board__space:nth-child(12){-webkit-animation-delay:1.32s;animation-delay:1.32s}.board__space:nth-child(13){-webkit-animation-delay:1.43s;animation-delay:1.43s}.board__space:nth-child(14){-webkit-animation-delay:1.54s;animation-delay:1.54s}.board__space:nth-child(15){-webkit-animation-delay:1.65s;animation-delay:1.65s}.board__space:nth-child(16){-webkit-animation-delay:1.76s;animation-delay:1.76s}.board__space:nth-child(17){-webkit-animation-delay:1.87s;animation-delay:1.87s}.board__space:nth-child(18){-webkit-animation-delay:1.98s;animation-delay:1.98s}.board__space:nth-child(19){-webkit-animation-delay:2.09s;animation-delay:2.09s}.board__space:nth-child(20){-webkit-animation-delay:2.2s;animation-delay:2.2s}.board__space--white{background:-webkit-radial-gradient(50%,circle,#fffcf2 80%,#c5d9e2);background:-o-radial-gradient(50%,circle,#fffcf2 80%,#c5d9e2);background:radial-gradient(circle at 50%,#fffcf2 80%,#c5d9e2)}.board__space--winner{background:-webkit-radial-gradient(50%,circle,rgba(101,131,154,.4) 50%,#c5d9e2);background:-o-radial-gradient(50%,circle,rgba(101,131,154,.4) 50%,#c5d9e2);background:radial-gradient(circle at 50%,rgba(101,131,154,.4) 50%,#c5d9e2)}.board__space input{outline:0;border:0;font-family:Acme,sans-serif;font-size:20vmin;color:#260c1a;width:100%;height:100%;text-align:center;opacity:.9;text-transform:uppercase;background:transparent;text-shadow:0 0 0 rgba(54,70,82,.9);color:transparent}.board__space input:active,.board__space input:focus,.board__space input:hover{outline:none}.board__space--anim{-webkit-animation:c .3s ease-in forwards;animation:c .3s ease-in forwards}*,:after,:before{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:calc(6.5px + .66vw)}body,html{width:100%}body{margin:0 auto;color:#260c1a;-webkit-text-size-adjust:100%;font-family:Acme,sans-serif;background:-webkit-radial-gradient(50%,ellipse,#fffcf2 30%,#eadeda);background:-o-radial-gradient(50%,ellipse,#fffcf2 30%,#eadeda);background:radial-gradient(ellipse at 50%,#fffcf2 30%,#eadeda)}.cont{padding:1rem;display:grid;grid-template-rows:repeat(3,auto);grid-template-columns:1fr 92vmin 1fr;grid-row-gap:2vmin}header{grid-column:2/3;grid-row:1/2;justify-self:center;-ms-flex-item-align:center;align-self:center;margin:0}.content{grid-column:2/3;grid-row:2/3;justify-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}footer{grid-column:2/3;grid-row:3/4;justify-self:center;-ms-flex-item-align:center;align-self:center;font-family:Montserrat,sans-serif;font-weight:400;margin-top:0;margin-bottom:1rem;font-size:.8rem}footer,h1{text-align:center}h1{font-weight:bolder;font-size:10vmin;color:#65839a;line-height:1;text-shadow:3px 3px .5rem rgba(54,70,82,.4);opacity:0;-webkit-animation:a .5s ease-in forwards;animation:a .5s ease-in forwards;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes a{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}80%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes a{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}80%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes b{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:.9;-webkit-transform:scale(1);transform:scale(1)}}@keyframes b{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:.9;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes c{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}80%{opacity:1;-webkit-transform:scale(1.6);transform:scale(1.6)}to{opacity:.9;-webkit-transform:scale(1);transform:scale(1)}}@keyframes c{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}80%{opacity:1;-webkit-transform:scale(1.6);transform:scale(1.6)}to{opacity:.9;-webkit-transform:scale(1);transform:scale(1)}}.message{grid-column:2/3;grid-row:2/3;justify-self:center;align-self:center;display:grid;grid-template-columns:auto 6vmin;grid-template-rows:auto auto;grid-gap:2vmin;background:-webkit-radial-gradient(50%,ellipse,#364652 30%,rgba(54,70,82,.8));background:-o-radial-gradient(50%,ellipse,#364652 30%,rgba(54,70,82,.8));background:radial-gradient(ellipse at 50%,#364652 30%,rgba(54,70,82,.8));color:#eadeda;width:80%;font-size:4vmin;z-index:1;font-family:Montserrat,sans-serif;padding:2vmin 3vmin;margin-bottom:15vmin;-webkit-filter:drop-shadow(3px 3px .5rem rgba(38,12,26,.8));filter:drop-shadow(3px 3px .5rem rgba(38,12,26,.8));border-radius:2px;opacity:0;position:relative}.message--anim{-webkit-animation:a 1s ease-in forwards;animation:a 1s ease-in forwards}.message__text{grid-column:1/2;justify-self:start}.message__close,.message__text{grid-row:1/2;-ms-flex-item-align:start;align-self:start}.message__close{grid-column:2/3;justify-self:center;background:-webkit-radial-gradient(50%,circle,#eadeda 30%,hsla(15,28%,89%,.8));background:-o-radial-gradient(50%,circle,#eadeda 30%,hsla(15,28%,89%,.8));background:radial-gradient(circle at 50%,#eadeda 30%,hsla(15,28%,89%,.8));color:#260c1a;border-radius:50%;font-weight:bolder;width:6vmin;height:6vmin;text-align:center;font-size:4vmin;-webkit-filter:drop-shadow(3px 3px .5rem rgba(38,12,26,.3));filter:drop-shadow(3px 3px .5rem rgba(38,12,26,.3))}.message__close:active,.message__close:focus,.message__close:hover{background:-webkit-radial-gradient(50%,circle,#260c1a 30%,rgba(38,12,26,.8));background:-o-radial-gradient(50%,circle,#260c1a 30%,rgba(38,12,26,.8));background:radial-gradient(circle at 50%,#260c1a 30%,rgba(38,12,26,.8));-webkit-filter:drop-shadow(3px 3px .5rem hsla(15,28%,89%,.5));filter:drop-shadow(3px 3px .5rem rgba(234,222,218,.5));cursor:pointer}.message__close-line{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:20%;left:48%}.message__close-line,.message__close-line:after{width:2px;height:4vmin;background-color:#364652;content:"";display:block;position:relative}.message__close-line:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0;left:46%}.message__close-line:active,.message__close-line:active:after,.message__close-line:focus,.message__close-line:focus:after,.message__close-line:hover,.message__close-line:hover:after{background-color:#fffcf2}.message__play{grid-column:1/3;grid-row:2/3;justify-self:center;-ms-flex-item-align:center;align-self:center;background:-webkit-radial-gradient(50%,ellipse,#fffcf2 30%,rgba(255,252,242,.8));background:-o-radial-gradient(50%,ellipse,#fffcf2 30%,rgba(255,252,242,.8));background:radial-gradient(ellipse at 50%,#fffcf2 30%,rgba(255,252,242,.8));color:#260c1a;border-radius:2px;font-weight:bolder;text-align:center;width:auto;display:inline-block;padding:1vmin 2vmin;margin:1vmin auto;-webkit-filter:drop-shadow(3px 3px .5rem rgba(38,12,26,.3));filter:drop-shadow(3px 3px .5rem rgba(38,12,26,.3))}.message__play:active,.message__play:focus,.message__play:hover{background:-webkit-radial-gradient(50%,ellipse,#260c1a 30%,rgba(38,12,26,.8));background:-o-radial-gradient(50%,ellipse,#260c1a 30%,rgba(38,12,26,.8));background:radial-gradient(ellipse at 50%,#260c1a 30%,rgba(38,12,26,.8));color:#fffcf2;-webkit-filter:drop-shadow(3px 3px .5rem hsla(15,28%,89%,.5));filter:drop-shadow(3px 3px .5rem rgba(234,222,218,.5));cursor:pointer}