@-webkit-keyframes rotate{0%{background:repeating-linear-gradient(135deg,#031927 0,#031927 10px,#508aa8 10px,#508aa8 13px);-webkit-transform:rotate3d(0,1,0,0deg);transform:rotate3d(0,1,0,0deg)}49.63%{background:repeating-linear-gradient(135deg,#031927 0,#031927 10px,#508aa8 10px,#508aa8 13px);-webkit-transform:rotate3d(0,1,0,88.2deg) scale(1.07);transform:rotate3d(0,1,0,88.2deg) scale(1.07)}50%{background:url(https://3.bp.blogspot.com/--Ww2l7IzT1E/VNtRxd8fH3I/AAAAAAAANf0/dsccFz2ybHo/s1600/stacks_image_21.png) no-repeat center center;background-size:50px auto;border:2px solid #000;-webkit-transform:rotate3d(0,1,0,90deg) scale(1.07);transform:rotate3d(0,1,0,90deg) scale(1.07)}to{background:url(https://3.bp.blogspot.com/--Ww2l7IzT1E/VNtRxd8fH3I/AAAAAAAANf0/dsccFz2ybHo/s1600/stacks_image_21.png) no-repeat center center;background-size:50px auto;border:2px solid #000;-webkit-transform:rotate3d(0,1,0,180deg) scale(1);transform:rotate3d(0,1,0,180deg) scale(1)}}@keyframes rotate{0%{background:repeating-linear-gradient(135deg,#031927 0,#031927 10px,#508aa8 10px,#508aa8 13px);-webkit-transform:rotate3d(0,1,0,0deg);transform:rotate3d(0,1,0,0deg)}49.63%{background:repeating-linear-gradient(135deg,#031927 0,#031927 10px,#508aa8 10px,#508aa8 13px);-webkit-transform:rotate3d(0,1,0,88.2deg) scale(1.07);transform:rotate3d(0,1,0,88.2deg) scale(1.07)}50%{background:url(https://3.bp.blogspot.com/--Ww2l7IzT1E/VNtRxd8fH3I/AAAAAAAANf0/dsccFz2ybHo/s1600/stacks_image_21.png) no-repeat center center;background-size:50px auto;border:2px solid #000;-webkit-transform:rotate3d(0,1,0,90deg) scale(1.07);transform:rotate3d(0,1,0,90deg) scale(1.07)}to{background:url(https://3.bp.blogspot.com/--Ww2l7IzT1E/VNtRxd8fH3I/AAAAAAAANf0/dsccFz2ybHo/s1600/stacks_image_21.png) no-repeat center center;background-size:50px auto;border:2px solid #000;-webkit-transform:rotate3d(0,1,0,180deg) scale(1);transform:rotate3d(0,1,0,180deg) scale(1)}}@-webkit-keyframes rotate-reverse{0%{background:url(https://3.bp.blogspot.com/--Ww2l7IzT1E/VNtRxd8fH3I/AAAAAAAANf0/dsccFz2ybHo/s1600/stacks_image_21.png) no-repeat center center;background-size:50px auto;border:2px solid #000;-webkit-transform:rotate3d(0,1,0,0deg);transform:rotate3d(0,1,0,0deg)}49.63%{background:url(https://3.bp.blogspot.com/--Ww2l7IzT1E/VNtRxd8fH3I/AAAAAAAANf0/dsccFz2ybHo/s1600/stacks_image_21.png) no-repeat center center;background-size:50px auto;border:2px solid #000;-webkit-transform:rotate3d(0,1,0,88.2deg) scale(1.07);transform:rotate3d(0,1,0,88.2deg) scale(1.07)}50%{background:repeating-linear-gradient(135deg,#031927 0,#031927 10px,#508aa8 10px,#508aa8 13px);-webkit-transform:rotate3d(0,1,0,90deg) scale(1.07);transform:rotate3d(0,1,0,90deg) scale(1.07)}to{background:repeating-linear-gradient(135deg,#031927 0,#031927 10px,#508aa8 10px,#508aa8 13px);-webkit-transform:rotate3d(0,1,0,180deg) scale(1);transform:rotate3d(0,1,0,180deg) scale(1)}}@keyframes rotate-reverse{0%{background:url(https://3.bp.blogspot.com/--Ww2l7IzT1E/VNtRxd8fH3I/AAAAAAAANf0/dsccFz2ybHo/s1600/stacks_image_21.png) no-repeat center center;background-size:50px auto;border:2px solid #000;-webkit-transform:rotate3d(0,1,0,0deg);transform:rotate3d(0,1,0,0deg)}49.63%{background:url(https://3.bp.blogspot.com/--Ww2l7IzT1E/VNtRxd8fH3I/AAAAAAAANf0/dsccFz2ybHo/s1600/stacks_image_21.png) no-repeat center center;background-size:50px auto;border:2px solid #000;-webkit-transform:rotate3d(0,1,0,88.2deg) scale(1.07);transform:rotate3d(0,1,0,88.2deg) scale(1.07)}50%{background:repeating-linear-gradient(135deg,#031927 0,#031927 10px,#508aa8 10px,#508aa8 13px);-webkit-transform:rotate3d(0,1,0,90deg) scale(1.07);transform:rotate3d(0,1,0,90deg) scale(1.07)}to{background:repeating-linear-gradient(135deg,#031927 0,#031927 10px,#508aa8 10px,#508aa8 13px);-webkit-transform:rotate3d(0,1,0,180deg) scale(1);transform:rotate3d(0,1,0,180deg) scale(1)}}.button,body{display:flex;justify-content:center;font-family:"Open Sans",arial,helvetica,sans-serif}body,html{font-size:10px}body{position:relative;flex-direction:column;min-width:480px;margin:0 auto;height:100vh;background-image:url(../img/bg.png);background-size:cover;border:50px solid transparent;align-items:flex-start}img{max-width:100%;height:auto}a{text-decoration:none}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}@media (min-width:950px){body{border-width:60px}html{font-size:20px}}@font-face{font-family:"Open Sans";src:url(../fonts/opensans.woff2) format("woff2"),url(../fonts/opensans.woff) format("woff");font-weight:400}@font-face{font-family:"Open Sans";src:url(../fonts/opensansbold.woff2) format("woff2"),url(../fonts/opensansbold.woff) format("woff");font-weight:700}.visuallyhidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.button{align-items:center;width:40px;height:40px;font-weight:700;font-size:1rem;color:#fff;border-radius:50%;cursor:pointer}.button:focus,.button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.button:active{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:grayscale(.5);filter:grayscale(.5)}@media (min-width:950px){.button{width:50px;height:50px;font-size:.8rem}}.card{width:12%;padding-top:14.6875%;margin-top:1.11111111%;margin-left:4.66666667%;background-color:#fff;background-image:repeating-linear-gradient(135deg,#031927 0,#031927 10px,#508aa8 10px,#508aa8 13px);background-repeat:no-repeat;background-position:center center;border-radius:7.5%;cursor:pointer}.animate{-webkit-animation:rotate .8s forwards;animation:rotate .8s forwards}.animate-reverse{-webkit-animation:rotate-reverse .8s forwards;animation:rotate-reverse .8s forwards}.field{display:flex;flex-flow:row wrap;width:100%;margin-left:-4.66666667%}.empty-card{width:12%;padding-top:14.6875%;margin-top:1.11111111%;margin-left:4.66666667%}.popup{position:fixed;top:0;left:0;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:15px;font-weight:400;font-size:3.25rem;font-family:"Open Sans",arial,helvetica,sans-serif;color:#fff;background-color:rgba(0,0,0,.85)}.popup__text{margin-bottom:10px}.popup__points{margin-bottom:25px;font-weight:700;color:red}.start{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.start__image{margin:5px 0 10px;max-width:500px}.start__button{padding:20px;font-weight:700;font-size:2.25rem;font-family:"Open Sans",arial,helvetica,sans-serif;color:#fff;background-color:rgba(0,0,0,.8);border:8px solid #fff;border-radius:17px;cursor:pointer}.start__button:focus,.start__button:hover{-webkit-filter:invert(1);filter:invert(1)}.start__button:active{-webkit-transform:scale(.9);transform:scale(.9);opacity:.6}.menu{margin:0;list-style:none;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:flex-start;align-items:center;width:100%;padding:5px;background-color:rgba(208,207,207,.25);border-radius:8px}.menu__item{margin-left:20px}.menu__item--end{display:none}.menu__item--music{width:40px;height:40px;margin-left:0}.menu__item--points,.menu__item--timer{font-weight:700;font-family:"Open Sans",arial,helvetica,sans-serif}.menu__item--points{display:none;font-size:1rem}.menu__item--timer{margin-right:15px;margin-left:auto;font-size:0}.menu__item--timer-on{font-size:1rem}.menu__end{background-color:#f1d302;border:2px solid #fff}.menu__end:focus,.menu__end:hover{background-color:#ed1c24}.menu__time-button{font-size:0;background-color:#b5446e;background-image:url(../img/time.svg),linear-gradient(135deg,#b5446e 0,#b5446e 47%,#fff 47%,#fff 53%,#b5446e 53%,#b5446e 100%);background-repeat:no-repeat;background-position:center;background-size:70% auto;border:2px solid #fff}.menu__time-button--on{background-color:#30bced;background-image:url(../img/time.svg)}.menu__select{width:0;font-weight:700;font-family:"Open Sans",arial,helvetica,sans-serif;border:0;border-radius:11px}.menu__message{display:inline-block;margin-right:10px}.menu__points,.menu__timer{display:inline-block;padding:5px 10px;color:#fff;background-color:#30bced;border:3px solid #fff;border-radius:9px}.menu__timer{display:none;background-color:#b777c9}@media (min-width:950px){.menu{justify-content:center}.menu__item--music{width:50px;height:50px;margin-left:45%}.menu__select{margin-right:0}}.music__label{display:inline-block;background:#0b1426 url(../img/note.svg) no-repeat center center;background-size:80% auto}.music__label:focus,.music__label:hover{-webkit-filter:grayscale(.5);filter:grayscale(.5)}@media (min-width:950px){.music__label{width:50px;height:50px}}.music:checked+.music__label{background-color:#fff;background-image:url(../img/mute.svg);background-size:75% auto;box-shadow:inset 0 0 0 3px #ed1c24}.radio{display:none}