@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-form{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-form 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}#form-main{grid-row:3/4;grid-column:1/2;height:auto;padding:3% 2%;display:flex;justify-content:center;align-items:center;background-color:#0ca92e;font-family:Oswald,Times}#new-member-form{width:100%;height:100%;min-height:400px;padding:1% 5%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr 1fr 1fr 70px;grid-auto-flow:column;gap:5px;background-color:#d0c1c1;border:2px solid #000;place-items:center}#new-member-form div{width:100%}#new-member-subheading{grid-row:1/2;grid-column:1/3;margin:auto;font-size:2.2rem}#form-row2,#form-row3,#form-row4{grid-column:1/3;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1%;justify-items:start;place-items:end}#form-row2{grid-row:2/3}#form-row3{grid-row:3/4}#form-row4{grid-row:4/5}#parent-first-name,#parent-email,#parent-phone-number{grid-column:1/2}#parent-last-name,#parent-address,#parent-tennis-level{grid-column:2/3}.label-name{width:auto;margin:auto 0;font-size:2rem;font-weight:700}.text-field,#current-tennis-level{width:100%;height:40px;border:2px solid #000;font-size:2rem;font-family:Oswald,Times}.text-field{padding-inline:10px;outline:0}
.tooltip {
  font-family: Oswald, Times;
  font-size: 1.5rem;
  position: absolute;
  visibility: hidden;
  width: 100px;
  padding: 2px;
  font-weight: 400;
  color: #fff;
  background-color: #88a61b;
  border: 2px solid #0e3d59;
  clear: both;
}
#message,
.error,
.success {
  font-size: 2rem;
}
.error {
  color: #c21e1e;
}
span.error,
span.success {
  padding-left: 10px;
}
.success {
  color: #748f15;
}
#new-member-submit{grid-row:5/6;grid-column:1/3;width:100%;height:50px;margin:auto;padding:0;border:3px solid #000;background-color:#d2e01892;color:#000;font-family:Oswald,Times;font-size:2.75rem;font-weight:700;cursor:pointer}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-form 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,#current-tennis-level{font-size:1.1rem}#new-member-form{padding:1% 5%;gap:5px}#new-member-subheading{font-size:2rem}.text-field{height:40px;padding-inline:5px;font-size:1.3rem}.label-name,.error,.success{font-size:1.7rem}span.error,span.success{padding-left:5px}#new-member-submit{margin:auto auto auto 0;font-size:2rem}.tooltip{width:80px;font-size:1.5rem}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}}