.App{align-items:center;display:flex;justify-content:center}.board-container,.game-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.board-container{background-color:#fff}.board{background-color:#000;margin:20px;position:relative}.board-horizontal-stripe{background-image:linear-gradient(#fff 33%,#0000 0);background-position:50%;background-repeat:repeat-y;background-size:3px 20px}.board-vertical-stripe:before{border-top:3px dashed #fff;content:"";left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.ball,.paddle{background-color:#fff;position:absolute}.header-container{align-items:center;border:2px solid #000;display:flex;flex-direction:row;justify-content:space-around;padding:10px}.header-score{color:#000;text-align:center}.menu-container{background-color:#fff}.menu,.menu-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.menu{background-color:#000;color:#fff;gap:40px;margin:20px;position:relative}.menu-options{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.menu-button{background-color:#000;border:2px solid #fff;color:#fff;cursor:pointer;font-size:20px;padding:10px 20px}.pause-menu-container{align-items:center;display:flex;flex-direction:column;justify-content:space-around;position:absolute}.pause-menu{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,minmax(calc(12.5vh + 7.5vw),1fr));justify-items:center;width:90%}.pause-menu-wrapper{align-items:center;color:#fff;display:flex;flex-direction:row;gap:10px;justify-content:center;padding:10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pause-menu-resume-button{font-size:20px;margin:20px;padding:10px 20px}.pause-menu-input-range,.pause-menu-resume-button{background-color:#000;border:2px solid #fff;color:#fff;cursor:pointer}.pause-menu-input-range{padding:5px 10px;width:100%}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=range]{-webkit-appearance:none;appearance:none;background-color:#000;overflow:hidden;width:80px}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;color:#fff;height:10px;margin-top:-1px;width:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;box-shadow:-80px 0 0 80px #fff,5px 0 0 5px #fff;cursor:ew-resize;height:10px;width:10px}}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input[type=range]::-moz-range-progress{background-color:#fff}input[type=range]::-moz-range-track{background-color:#000}input[type=range]::-ms-fill-lower{background-color:#fff}input[type=range]::-ms-fill-upper{background-color:#000}.pause-menu-selector{align-items:center;background-color:#000;border:1px solid #fff;display:flex;flex-direction:row;justify-content:center;margin:10px}.pause-menu-selector-button{border:1px solid #fff;cursor:pointer;font-size:medium;transition:all .2s}.pause-menu-selector-button-selected{background-color:#fff;color:#000}.pause-menu-selector-button-unselected{background-color:#000;color:#fff}.pause-menu-number-incrementer{align-items:center;background-color:#000;border:1px solid #fff;display:flex;flex-direction:row;justify-content:center;margin:10px}.pause-menu-number-incrementer-button{background-color:#000;border:1px solid #fff;color:#fff;cursor:pointer;font-size:medium;font-weight:bolder;transition:all .2s}.pause-menu-number-incrementer-button-disabled{background-color:#000;color:#aaa;cursor:not-allowed}.pause-menu-number-incrementer-input{background-color:#000;border:1px solid #fff;color:#fff;cursor:text;font-size:medium;font-weight:bolder;text-align:center;transition:all .2s;width:-webkit-min-content;width:min-content}
/*# sourceMappingURL=main.eeb49b1c.css.map*/