@charset "UTF-8";*{box-sizing:border-box;font-size:10px}body{margin:0;background-color:#0466075e;background-image:url("../images/tennis-racket-silhouette.webp");background-repeat:repeat;background-position:top left}@font-face{font-family:Oswald;src:url("https://tennisracketsocial.org/fonts/Oswald-VariableFont_wght.woff") format("woff");font-display:swap}@font-face{font-family:Teko;src:url("https://tennisracketsocial.org/fonts/Teko-VariableFont_wght.woff") format("woff");font-display:swap}#wrapper{max-width:1000px;min-height:100vh;margin:0 auto;padding:.75%;display:grid;grid-template-columns:100%;grid-template-rows:repeat(4,auto);background-color:#2b7b86}header,main,nav{margin-bottom:1%}.skip-link{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto}header{grid-row:1/2;grid-column:1/2;min-height:140px;background-color:azure;display:grid;grid-template-columns:30% 70%;grid-template-rows:100%;place-items:center;font-family:Teko,Times}#image-backdrop-rules{grid-row:1/2;grid-column:1/2;width:97%;height:95%;display:flex;justify-content:center;align-items:center;background-color:#088128d1}#image-backdrop-rules img{max-width:100px;max-height:100%}header h1{grid-row:1/2;grid-column:2/3;margin:0;color:#088128d1;font-size:6rem;text-align:center}nav{grid-row:2/3;grid-column:1/2;min-height:60px;background-color:#fff}nav ul{height:100%;margin:0;padding:0 15%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center; gap:6% ;list-style:none}nav a{font-family:Oswald,Times;font-size:1.6rem;font-weight:700;text-decoration:none;color:#000}nav a:hover,footer a:hover{color:#190ae9}#rules-main{grid-row:3/4;grid-column:1/2;height:auto;padding:2%;display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,48%);grid-template-rows:265px 25px auto;gap:0 4%;background-color:#60b9f4;font-family:Oswald,Times}#tennis-net{grid-column:1/2;grid-row:1/2;width:100%;height:265px;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-auto-flow:row;gap:10px;background-color:#000;text-align:center}#rules-court1,#rules-court2{max-width:350px;max-height:250px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:20px 105px 105px 20px;gap:5px;background-color:#fff}#rules-court1{grid-column:1/2;grid-row:1/2}#rules-court2{grid-column:2/3;grid-row:1/2}#rules-court1 p,#rules-court2 p{margin:0;padding:0;font-size:1.5rem;background-color:#358dc8}#outer-sidelines1{grid-column:1/3;grid-row:1/2}#backcourt1{grid-column:1/2;grid-row:2/4}#left-service1{grid-column:2/3;grid-row:2/3}#right-service1{grid-column:2/3;grid-row:3/4}#outer-sidelines2{grid-column:1/3;grid-row:4/5}#outer-sidelines3{grid-column:1/3;grid-row:1/2}#right-service2{grid-column:1/2;grid-row:2/3}#backcourt2{grid-column:2/3;grid-row:2/4}#left-service2{grid-column:1/2;grid-row:3/4}#outer-sidelines4{grid-column:1/3;grid-row:4/5}#birds-eye{grid-column:1/2;grid-row:2/3;margin:0;padding:0;color:#3a00ce;font-size:1.7rem;text-align:center}#rules-text1{grid-column:1/2;grid-row:3/4}#rules-text2{grid-column:2/3;grid-row:1/4}#rules-text1 h2,#rules-text2 h2{margin:1rem 0 0;font-size:2rem}#rules-text2>#rules-text-parts{margin:0}#rules-text1 p,#rules-text2 p{margin:1rem 0 0;font-size:1.7rem}#rules-points-table{margin:1rem 0 0;background-color:#fff;font-size:1.5rem}#rules-points-table *{font-size:inherit;background-color:#358dc8}#rules-points-table th,#rules-points-table td{padding:0 .5rem;text-align:left}footer{grid-row:4/5;grid-column:1/2;height:auto;padding:3%;display:grid;grid-template-columns:38.5% 58.5%;grid-template-rows:repeat(2,1fr);background-color:#4ce782e9;font-family:Oswald,Times}footer h2{margin:0;padding:0;font-size:2.25rem}footer h3{margin:0;padding:0;font-size:1.5rem;font-weight:400}footer p{margin:0;padding:0;font-size:1.5rem}footer a{font-size:1.5rem;text-decoration:none;color:#000}#social-media{display:grid;grid-template-columns:repeat(5,auto);grid-template-rows:1fr;align-items:center;justify-content:left;gap:1%;margin:0;padding:0;list-style:none}#contact-email,#contact-phone,#social-media{margin-top:2%}@media (max-width:700px){header,main,nav{margin-bottom:2%}#image-backdrop-rules img{max-width:80px;max-height:100%}header h1{font-size:4rem}nav ul{gap:3.5%;padding:0 2%;text-align:center}nav a{font-size:1.1rem}#rules-main{padding:1.25rem;grid-template-columns:100%;grid-template-rows:repeat(4,auto)}#tennis-net{grid-column:1/2;grid-row:1/2}#birds-eye{grid-column:1/2;grid-row:2/3}#rules-text2{grid-column:1/2;grid-row:3/4}#rules-text1{grid-column:1/2;grid-row:4/5}#rules-text-parts{margin:1rem 0 0}#rules-text1 p,#rules-text2 p,footer a,footer h3,footer p{font-size:1.7rem}footer{grid-template-columns:100%;grid-template-rows:repeat(4,auto)}footer h2{font-size:2.2rem}}