*:before,*:after{box-sizing:border-box}body{background-color:#f6f8f7;margin:0;padding:0;font-family:Georgia,"Times New Roman",Times,serif}.container{margin:0 auto;max-width:600px;position:relative}@media screen and (max-width: 640px){.container{max-width:300px}}.overlay{position:fixed;left:0;top:0;width:100vw;height:100vh;opacity:0;z-index:-1;background:rgba(0,0,0,.7)}.overlay__active{opacity:1;z-index:1}.win{position:absolute;left:calc(50% - 190px);top:40%;width:360px;padding:10px;z-index:-1;opacity:0;background-color:#fff;text-align:center;border-radius:20px;font-size:28px}@media screen and (max-width: 640px){.win{left:calc(50% - 150px);top:30%;width:280px;font-size:16px}}.win__active{z-index:2;opacity:1}.results-table{position:absolute;left:calc(50% - 180px);top:30%;width:300px;min-height:60px;background-color:#fff;padding:10px 30px;border-radius:20px;z-index:-1;font-size:18px;font-family:Georgia,"Times New Roman",Times,serif;opacity:0}.results-table__active{z-index:2;opacity:1}@media screen and (max-width: 640px){.results-table{left:calc(50% - 150px);top:20%;width:240px;font-size:14px}}.results-table .results-title{display:flex;justify-content:space-between}.results-table .results-wrapper .results-item{display:flex;justify-content:space-between}.main .title{text-align:center;font-size:80px;margin-top:20px}@media screen and (max-width: 640px){.main .title{font-size:50px}}.main .menu{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;margin-bottom:10px}@media screen and (max-width: 640px){.main .menu{font-size:14px;grid-template-columns:1.9fr 1fr 1fr 1fr 1fr}}.main .menu__button{font-family:Georgia,"Times New Roman",Times,serif;font-size:20px;padding:5px;margin:4px;border-radius:13px;transition:.1s;cursor:pointer;border:3px solid #000}@media screen and (max-width: 640px){.main .menu__button{font-size:14px;margin:0;padding:5px 3px;border:2px solid #000}}.main .menu__button:hover{transform:scale(1.05);background-color:#faebd7}.main .data{font-family:"Lucida Sans","Lucida Grande",Verdana,sans-serif;font-size:28px;display:flex;justify-content:space-between;margin:15px 5px}@media screen and (max-width: 640px){.main .data{font-size:18px}}.main .field{width:600px;height:600px;background-color:#ed5858;display:flex;flex-flow:row wrap;border-radius:8px;position:relative;user-select:none;font-size:222%}@media screen and (max-width: 640px){.main .field{max-width:300px;max-height:300px}}.main .field .cell{font-family:"Lucida Sans","Lucida Grande",Verdana,sans-serif;box-sizing:border-box;width:150px;height:150px;background-color:#28b7ff;border-radius:10px;border:3px solid #000;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:90%;position:absolute;left:0;top:0;transition:transform .2s}@media screen and (max-width: 640px){.main .field .cell{font-size:60%}}.main .field .cell:first-child{opacity:0}.main .frameSize{font-family:"Lucida Sans","Lucida Grande",Verdana,sans-serif;margin-top:20px;text-align:center;font-size:24px}@media screen and (max-width: 640px){.main .frameSize{font-size:18px}}.main .sizesMenu{display:flex;justify-content:center;font-size:28px}@media screen and (max-width: 640px){.main .sizesMenu{font-size:14px}}.main .sizesMenu .menu__link{font-family:"Lucida Sans","Lucida Grande",Verdana,sans-serif;margin:20px;cursor:pointer;text-decoration:none;color:#0f7afc;border-bottom:1px solid;border-bottom-color:rgba(15,122,252,.2)}@media screen and (max-width: 640px){.main .sizesMenu .menu__link{margin:10px}}.main .sizesMenu .menu__link:hover{color:#cf0000;border-bottom-color:rgba(208,64,0,.2)}.main .sizesMenu .menu__link:active{color:purple;border-bottom-color:rgba(128,0,128,.2)}.main .sizesMenu .menu__link.active{transform:scale(1.3);color:#8a2be2;border-bottom-color:rgba(138,43,226,.5)}

/*# sourceMappingURL=index.css.map*/