@import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:12pt;color:#fff}body{margin:0;padding:2rem 0;background:#161616;font-family:"Open Sans",sans-serif;-webkit-oveflow-scrolling:touch}body#iframe{padding:1rem 0}a[href]:link,a[href]:visited{color:#fff;text-decoration:none}a[href]:active,a[href]:focus,a[href]:hover{color:#fff;text-decoration:underline}div#wrapper{width:100%;max-width:1000px;margin:0 auto}h1{margin:0}h2{margin:0;line-height:1.1}img,svg{display:block;max-width:100%;height:auto;margin:0}main{width:100%;max-width:1000px;margin:0 auto}@media screen and (max-width:1000px){html{font-size:10pt}}header{width:100%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin:0 0 2rem;padding:0 2rem;text-transform:uppercase}header img{display:block;width:100%;max-width:320px;height:auto;margin-right:3rem}footer{width:100%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin:2rem 0 0;padding:0 2rem;text-transform:uppercase}footer a[href]:link,footer a[href]:visited{color:#267fff;text-decoration:none}footer a[href]:active,footer a[href]:focus,footer a[href]:hover{color:#7aed4f;text-decoration:underline}footer img{max-width:240px;margin-right:1rem}@media screen and (max-width:1000px){header{flex-flow:column;text-align:center}header img{width:60vw;height:auto;margin-right:0}footer{flex-flow:column;text-align:center}footer img{margin-right:0}}section#intro{margin-top:2rem;background:#267fff;padding:1rem 2rem}section#intro p{max-width:1000px;margin:0 auto}section#intro p+p{margin-top:.5rem}section#stats{background:#395775;color:#fff;padding:1rem 2rem}section#stats ul{display:flex;flex-flow:row wrap;justify-content:space-around;list-style-type:none;max-width:1000px;margin:0 auto;padding-left:0;font-size:.8rem}section#stats li{padding:0 1rem;text-align:center}section#stats li:before{content:"• "}section#welcome{padding:2rem 2rem 0;text-align:center}section#welcome h2{font-size:2rem;margin-bottom:0}section#welcome p{margin-top:.5rem}#definitions{width:0;height:0;overflow:none}#court *{opacity:1;transition:.5s opacity linear,.5s fill linear,.5s stroke linear}#basketball-inner,#basketball-inner2,#court #basketball-key,#court #basketball-lines,#court #pickleball-inner-blended,#court #pickleball-inner-standalone,#pickleball-kitchen-blended,#pickleball-kitchen-standalone,#pickleball-lines-blended,#pickleball-lines-standalone{opacity:0}section#court-style{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin:2rem}section#court-style button{flex-grow:1;border:2px solid #fff;border-radius:none;padding:.5rem;background:0 0;color:#fff;font-size:inherit;text-transform:uppercase}section#court-style button.active{background:#fff;color:#000}section#court-style button+button{margin-left:1rem}@media screen and (max-width:1000px){section#court-style{margin:2rem 1rem}}@media screen and (max-width:600px){section#court-style{flex-flow:row wrap;justify-content:space-around}section#court-style button{flex-grow:0;width:48%;margin-bottom:.25rem}section#court-style button+button{margin-left:0}}body#iframe section#court-style{margin:0 1rem 1rem}section#tabs{margin:0 2rem}ul#tab-navigation{list-style-type:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;margin:1rem 0 0;padding-left:0;text-transform:uppercase}ul#tab-navigation a[href]{display:block;padding:.5rem}ul#tab-navigation li.active{background:#fff}ul#tab-navigation li.active a[href]{color:#000}ul#tab-navigation li+li{margin-left:.25rem}ul#tab-navigation li#tab-combo-c,ul#tab-navigation li#tab-combo-p,ul#tab-navigation li#tab-halfcourt,ul#tab-navigation li#tab-key,ul#tab-navigation li#tab-kitchen,ul#tab-navigation li#tab-lines{display:none}div#tab-content{width:100%}h3{display:none}div#tab-content div.tab-pane{display:none;position:relative;border:2px solid #fff;padding:2rem 1rem 3rem}div#tab-content svg{margin:0 auto}div#tab-content p{position:absolute;left:0;bottom:0;width:100%;margin:0;padding:.5rem;text-align:center;text-transform:uppercase}div#tab-content div.tab-pane.active{display:block}@media screen and (max-width:1000px){section#tabs{margin:0 1rem}}#court,::-ms-backdrop{width:1000px;height:562px}