*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background:#000}#start__menu{position:fixed;z-index:3;width:100%;height:100vh;background:#0e0e0e}#start__menu .ttl{position:absolute;top:20%;left:50%;transform:translateX(-50%)}#start__menu .btn{transition:.3s;position:absolute;top:65%;left:50%;transform:translateX(-50%);cursor:pointer}#start__menu .btn__img{border-radius:30px;box-shadow:0px 8px 0px #900;transition:.3s}#start__menu .btn:hover{transform:translateX(-50%) translateY(4px)}#start__menu .btn:hover .btn__img{box-shadow:unset}#clear{display:none;position:fixed;z-index:3;width:100%;height:100vh;background:#0e0e0e}#clear .clear__ttl{position:absolute;top:15%;left:50%;transform:translateX(-50%)}#clear .clear__btn--container{display:flex;justify-content:center;align-items:center;-moz-column-gap:20%;column-gap:20%;position:absolute;top:70%;left:50%;transform:translateX(-50%)}#clear .clear-again__btn{transition:.3s;cursor:pointer}#clear .clear-again__btn .again__img{border-radius:30px;box-shadow:0px 8px 0px #900;transition:.3s}#clear .clear-again__btn:hover{transform:translateY(4px)}#clear .clear-again__btn:hover .again__img{box-shadow:unset}#clear .clear-back__btn{transition:.3s;cursor:pointer}#clear .clear-back__btn .back__img{border-radius:30px;box-shadow:0px 8px 0px #900;transition:.3s}#clear .clear-back__btn:hover{transform:translateY(4px)}#clear .clear-back__btn:hover .back__img{box-shadow:unset}#clear.visible{display:block}#gameover{display:none;position:fixed;z-index:3;width:100%;height:100vh;background:#0e0e0e}#gameover .gameover__ttl{position:absolute;top:30%;left:50%;transform:translateX(-50%)}#gameover .gameover__btn--container{display:flex;justify-content:center;align-items:center;-moz-column-gap:20%;column-gap:20%;position:absolute;top:70%;left:50%;transform:translateX(-50%)}#gameover .gameover-again__btn{transition:.3s;cursor:pointer}#gameover .gameover-again__btn .again__img{border-radius:30px;box-shadow:0px 8px 0px #900;transition:.3s}#gameover .gameover-again__btn:hover{transform:translateY(4px)}#gameover .gameover-again__btn:hover .again__img{box-shadow:unset}#gameover .gameover-back__btn{transition:.3s;cursor:pointer}#gameover .gameover-back__btn .back__img{border-radius:30px;box-shadow:0px 8px 0px #900;transition:.3s}#gameover .gameover-back__btn:hover{transform:translateY(4px)}#gameover .gameover-back__btn:hover .back__img{box-shadow:unset}#gameover.visible{display:block}.container{width:1600px;height:750px;border:1px solid #fff;position:relative}.ball{width:40px;height:40px;border-radius:50%;background-color:#fff}.paddle{width:345px;height:30px;background-color:#fff;bottom:0;left:660px}.ball,.paddle,.block{position:absolute}.block{width:188px;height:40px}/*# sourceMappingURL=style.css.map */