@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-classes{grid-row:1/2;grid-column:1/2;width:97%;height:95%;display:flex;justify-content:center;align-items:center;background-color:#50b4f7}#image-backdrop-classes 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}#classes-main{grid-row:3/4;grid-column:1/2;width:100%;height:auto;padding:2%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);background-color:#60b9f4;font-family:Oswald,Times}#classes-main-subheading{grid-row:1/2;grid-column:1/2;color:#3a00ce;font-size:3.5rem;padding:0;margin:0}#perth-schedule{grid-row:1/2;grid-column:2/3}#monday-friday{grid-row:2/3;grid-column:1/2;margin:2rem 0 0}#saturday-sunday{grid-row:2/3;grid-column:2/3;margin:2rem 0 0}#classes-main h3{font-size:2.2rem;padding:0;margin:0}#classes-main p{font-size:1.7rem;padding:0;margin:0}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-classes 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}#classes-main{grid-template-columns:100%;grid-template-rows:repeat(4,auto);gap:5px;padding:1.25rem}#classes-main-subheading{grid-row:1/2;grid-column:1/2;font-size:2.5rem;text-align:center}#perth-schedule{grid-row:2/3;grid-column:1/2}#monday-friday{grid-row:3/4;grid-column:1/2;margin:0}#saturday-sunday{grid-row:4/5;grid-column:1/2;margin:0}#classes-main h3{font-size:2rem;margin:1.25rem 0 0}#classes-main p{font-size:1.5rem;margin:.5rem 0 0}footer{grid-template-columns:100%;grid-template-rows:repeat(4,auto)}footer h2{font-size:2.2rem}footer a,footer h3,footer p{font-size:1.7rem}}