header[data-v-ad25199e]{background-color:#fff;z-index:99;width:100%;position:fixed;top:0;left:0;transition:all .5s ease;box-shadow:0 2px rgba(255,133,27,.424)}header nav[data-v-ad25199e]{position:relative;display:flex;flex-direction:row;padding:0;transition:all .5s ease;height:5vh;min-height:50px;width:90%;margin:0 auto}@media(min-width:1140px){header nav[data-v-ad25199e]{max-width:1140px}}header nav .link[data-v-ad25199e],header nav ul[data-v-ad25199e]{font-weight:500;color:#001f3f;list-style:none;text-decoration:none}header nav li[data-v-ad25199e]{text-transform:uppercase;padding:16px;margin-left:16px}header nav .link[data-v-ad25199e]{font-size:14px;transition:all .5s ease;padding-bottom:4px;border-bottom:1px solid transparent}header nav .link[data-v-ad25199e]:hover{color:#ff851b;border-color:#ff851b}header nav .branding[data-v-ad25199e]{display:flex;align-items:center}header nav .branding img[data-v-ad25199e]{max-height:50px;transition:all .5s ease}header nav .branding img[data-v-ad25199e]:hover{cursor:pointer}header nav .navigation[data-v-ad25199e]{display:flex;align-items:center;flex:1;justify-content:flex-end}header nav .icon[data-v-ad25199e]{display:flex;align-items:center;position:absolute;top:0;right:24px;height:100%;cursor:pointer;font-size:24px;transition:all .8s ease;color:#001f3f}header nav .icon-active[data-v-ad25199e]{transform:rotate(180deg)}header nav .dropdown-nav[data-v-ad25199e]{display:flex;flex-direction:column;position:fixed;width:100%;max-width:250px;height:100%;background-color:#fff;top:0;left:0;margin-top:0;padding-top:20px;padding-left:0}header nav .dropdown-nav li[data-v-ad25199e]{margin-left:0;text-align:left}header nav .dropdown-nav li .link[data-v-ad25199e]{color:#000}header nav .mobile-nav-enter-active[data-v-ad25199e],header nav .mobile-nav-leave-active[data-v-ad25199e]{transition:all .8s ease}header nav .mobile-nav-enter-from[data-v-ad25199e],header nav .mobile-nav-leave-to[data-v-ad25199e]{transform:translateX(-250px)}header nav .mobile-nav-enter-to[data-v-ad25199e]{transform:translateX(0)}.scrolled-nav[data-v-ad25199e]{background-color:#000;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.scrolled-nav nav[data-v-ad25199e]{padding:8px 0}.scrolled-nav nav .branding img[data-v-ad25199e]{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#app,body{color:#2c3e50}.container{display:flex;flex-direction:column;align-items:center}.game-board{background-color:#ffebcd;width:80dvw;height:70dvh;min-width:500px;position:relative;border:5px solid #000;margin:20px}.overlay{width:100%;height:100%;background-color:rgba(0,0,0,.6);justify-content:center}.message-box,.overlay{z-index:99;display:flex;align-items:center}.message-box{height:25%;width:60%;max-width:600px;font-size:2em;color:#fff;background-color:#16324f;border-radius:25px;flex-direction:column;justify-content:space-between;padding-top:10%;padding-bottom:5%}.message-box button{background-color:#ff851e;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.message-box button:hover{background-color:#45a049}.ball{width:20px;height:20px;background-color:#302d9d;position:absolute;border-radius:50%;z-index:10}.paddle{max-width:20px;width:5dvw;height:200px;background-color:#000;z-index:10;border-radius:5px}.left-paddle{position:absolute;top:20px;left:10px}.right-paddle{position:absolute;top:20px;right:10px}