h1 {
color:aqua;
text-align:center;
font-size:33px;
font-family:fantasy;
}

body{
  background-color:burlywood;
  color:khaki;
  font-family:fantasy;
  text-align:center;
  }
  
h3{ 
  color:black;
  font-size:33px;
  font-family:fantasy}
  
  h4{
    background-color:navajowhite;
    font-size:22px;
    color:black;
    font-weight:30;
  }
  .ball{ 
   font-size:22px; 
   background-color:peru;
   color:powderblue;
  }
  
.home{
    background-image:url("sized-down2.jpg"); height:180px; width:400px;
    font-size:44px;
    text-align: center;}
    
.about{
    background-image:url("hello kitty.jpg"); height: 180px; width: 160px;}
    
.shop{
    background-image:url("boards.jpg"); height:180px; width: 500px;}
  
.lessons{
    background-image:url("surf guy.png"); height: 500px; width: 400px}
    
.locations{
    background-image:url("palm trees.jpg"); height: 270px; width:600px}


a{ text-decoration:none;}

a:link {
  color: blue;
  
}


a:visited {
  color: crimson;
}


a:hover {
  color: black;
}


a:active {
  color: blue;
}
.home-words{ 
  color:navy;
  font-family: "Rock Salt";
  font-size: 33px;
  background-color:peru;
}
.about-page {
    background-image: url("pink-sand.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
}
.about-words {
  color:sienna;
  background:wheat;
  font-family: "Rock Salt", cursive;
  font-size: 17px;
}

.abt-tilt{color:mistyrose;
background:brown;
font-weight:15;
 font-family: "Rock Salt", cursive;
}
.palm-banner {
    height: 200px;               
    background-image: url("palm-tree.gif");
    background-repeat: repeat-x; 
    background-position: top left;
}
ol{
  background:coral;
  padding: 20px;
  font-size:20px;
  font-family:fantasy;
}
ol li {
  background:darksalmon;
  color:black;
  margin:20px;
  font-size:28px;
  font-family:"Comic Sans MS", fantasy;
}
.shop-page{
  background-image: url("water.webp");
    background-repeat: repeat;
    background-attachment: fixed;
}

.shop-tilt{
   background-color: navajowhite;
    color: navy;
    font-family: "Rock Salt", fantasy;
    font-size: 39px;
    width: 800px;
    height:200px;
    margin: 20px;
    padding: 20px;
    border: 5px ridge crimson;
  
}


.shop-item {
    background-color: oldlace;
    color: navy;
    font-family: "Rock Salt", fantasy;
    font-size: 22px;
    width: 400px;
    margin: 20px;
    padding: 20px;
    border: 5px ridge peru;
}
.shop-h3{
  background-color: peachpuff;
  color:peru;
  font-family: "Caesar Dressing", serif;
  padding:20px;
  margin:50px;
  font-size:29px;
  border: 5px ridge rosybrown
}

  
  
.shop-words{
  font-family: "Rubik Spray Paint", cursive;
  font-weight: 80;
  font-size: 21px;
  background-color:wheat;
  color:steelblue;
  padding:20px;
  border: 5px ridge teal;
  
}

.shop-gif{ border:5px ridge sandybrown;
  
}
.caesar-dressing-regular {
  font-family: "Caesar Dressing", system-ui;
  font-weight: 400;
  font-style: normal;
}
.rubik-spray-paint-regular {
  font-family: "Rubik Spray Paint", system-ui;
  font-weight: 400;
  font-style: normal;
}

.lessons-page {
    background-image: url("pine.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
}

.lesson-tilt {
    background: powderblue;
    color: coral;
    font-family: "caesar dressing", cursive;
    padding: 20px;
    border: 5px ridge crimson;
    width: 700px;
    margin: 20px;
}

.lesson-h2 {
    background: pink;
    color: lightcyan;
    font-family: "Rock Salt", cursive;
    padding: 15px;
    border: 5px ridge aquamarine;
    width: 500px;
    margin:20px;
}

.lesson-words {
    background: mistyrose;
    color: salmon;
    font-size: 28px;
    padding: 20px;
    width: 700px;
    margin: auto;
    border: 5px ridge royalblue;
}

table {
    font-size: 20px;
    color: navy;
    font: "Caesar Dressing", serif;
}
ul{
  background:lightgoldenrodyellow;
  padding: 20px;
  font-size:20px;
  font-family:fantasy;
  border: 5px ridge aquamarine;
}
ul li {
  background:pink;
  color:black;
  margin:20px;
  font-size:28px;
  font-family:"Comic Sans MS", fantasy;}

.locations-page {
    background-image: url("water3.gif");
    background-repeat: repeat;
    background-attachment: fixed;
}


.location-title {
    background:linear-gradient(to right, #6ec6b8, #4ea5d9);
    color: white;
    font-family: "Rock Salt", cursive;
    font-size: 40px;
    text-align: center;
    padding: 25px;
    width: 800px;
    margin: 20px auto;
    border: 6px ridge #1b6ca8;
}

.location-h2 {
    background: #b8e3d3;
    color: #0b4f6c;
    font-family: "Rock Salt", cursive;
    font-size: 28px;
    padding: 15px;
    width: 500px;
    margin: 25px auto;
    border: 5px ridge #4ea5d9;
}

.location-words {
    background: #f7f3e9;
    color: #0b4f6c;
    font-family: "Rock Salt", cursive;
    font-size: 20px;
    line-height: 1.7;
    width: 720px;
    padding: 20px;
    margin: 20px auto;
    border: 5px ridge #7dcfb6;
}
.locations-list{ background:lightgoldenrodyellow;
  padding: 20px;
  font-size:20px;
  font-family:fantasy;
  border: 5px ridge aquamarine;

}
.places{ background:darkcyan;
  color:black;
  margin:20px;
  font-size:28px;
  font-family:"Comic Sans MS", fantasy;}
}
.locations-table {
    background: #fefcf6;
    color: #0b4f6c;
    border-collapse: collapse;
    margin: auto;
    font-size: 20px;
    border: 5px ridge #7dcfb6;
}

th {
    background: #4ea5d9;
    color: white;
}

td {
    padding: 12px;
    background: #e8f7f5;
}

tr:nth-child(even) td {
    background: #d5efe8;
}

marquee {
    background: #7dcfb6;
    color: #083d56;
    padding: 12px;
    font-size: 22px;
    font-family: "Rock Salt", cursive;
    border: 4px ridge #1b6ca8;
}