@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}*{box-sizing:border-box;transition:all .5s ease 0s}body{background:#87d37c}.pong{background:repeating-linear-gradient(180deg,#fff 0 4%,#87d37c 4% 6%,#fff 6%) 99px 0/2px 100% no-repeat;height:200px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}@media(min-width:768px){.pong{background:repeating-linear-gradient(180deg,#fff 0 4%,#87d37c 4% 6%,#fff 6%) 247px 0/6px 100% no-repeat;height:500px;width:500px}}.pong__ball{height:5%;width:5%;background:#fff;position:absolute;top:50%;left:50%;z-index:2;will-change:transform;animation:play 6s infinite linear alternate}.pong__paddle{height:15%;width:5%;background:#fff;position:absolute;top:50%;will-change:transform;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:linear}.pong__paddle--1{animation-name:moveOne;left:0}.pong__paddle--2{animation-name:moveTwo;right:0}@keyframes play{0%{transform:translate(-50%,-50%) translate(-850%,944%)}10%{transform:translate(-50%,-50%) translate(850%,815%)}20%{transform:translate(-50%,-50%) translate(-850%,909%)}30%{transform:translate(-50%,-50%) translate(850%,-153%)}40%{transform:translate(-50%,-50%) translate(-850%,-621%)}50%{transform:translate(-50%,-50%) translate(850%,-177%)}60%{transform:translate(-50%,-50%) translate(-850%,552%)}70%{transform:translate(-50%,-50%) translate(850%,508%)}80%{transform:translate(-50%,-50%) translate(-850%,-480%)}90%{transform:translate(-50%,-50%) translate(850%,-431%)}to{transform:translate(-50%,-50%) translate(-850%,944%)}}@keyframes moveOne{0%,10%{transform:translateY(-50%) translateY(283.2%)}20%,30%{transform:translateY(-50%) translateY(272.7%)}40%,50%{transform:translateY(-50%) translateY(-186.29999999999998%)}60%,70%{transform:translateY(-50%) translateY(165.6%)}80%,90%{transform:translateY(-50%) translateY(-144%)}to{transform:translateY(-50%) translateY(283.2%)}}@keyframes moveTwo{0%{transform:translateY(-50%) translateY(283.2%)}20%,10%{transform:translateY(-50%) translateY(244.5%)}40%,30%{transform:translateY(-50%) translateY(-45.9%)}60%,50%{transform:translateY(-50%) translateY(-53.1%)}80%,70%{transform:translateY(-50%) translateY(152.4%)}to{transform:translateY(-50%) translateY(283.2%)}to,90%{transform:translateY(-50%) translateY(-129.29999999999998%)}}