
body{
    cursor: url('https://codehs.com/uploads/68dae49c013cf5551f3b1d3449aa82bb'), auto;
    
}

header{
    background-color:#f54242;
    color:black;
    font-size:12px;
    text-align:center;
    width:80%;
    margin: auto;
    margin:100px;
    
}
h1{
    text-align:center;
    font-size:100px;
    
}
head h3{
    background-color:#f54242;
    color:yellow;
    font-size:12px;
    text-align:center;
    width:80%;
    margin: auto;
    margin:100px;
    
}

header h2{
    color:black;
    font-size: 60px;
}


head p{
color:blue;
padding: 10px;
}
img{
    width:80%;
    text-align:center;
    margin:auto;
    
    
}


.images {
    margin: auto;
    display: flex;
    align-items:center;
    flex-direction: column;
}
.spacer{
height:10px;

}
footer a{
    color:red;
    text-align:center;
    text-decoration:none;
    color:red;
    background-image:url("https://codehs.com/uploads/be4ef7309502d8fcad1fbf92dbe5a484");
}
footer a:hover{
    color:orange;
    background-color:white;
}

@keyframes bigsection1 {
  from {background-color: red;}
  to {background-color: yellow;}
}

.bigSection{
    width:100%;
    height:100px;
    animation-name: bigsection1;
    animation duration: 1s;
    animation-direction: alternate;
    animation-iteration-count:infinite;
    


}
.parallax {
  /* The image used */
  background-image: url("https://codehs.com/uploads/a59dd97655115d3b2035153712f37da3");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

      
      
    
  }
 .mysoccer {
  /* The image used */
  background-image: url("https://codehs.com/uploads/4dc80a4c82325812f3c90802ecf9c69d");


  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

      
      
    
  }
  .mybootstrap {
  /* The image used */
  background-image: url("https://codehs.com/uploads/d0c0783a04e36733d0c3afd5cdf68aaf");


  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

      
      
    
  }
  
  .mycomingsoon {
  /* The image used */
  background-image: url("https://codehs.com/uploads/2a92899637e9f7f510bf8d0bd7557a40");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

      
      
    
  }

  .myfortnite {
  /* The image used */
  background-image: url("https://codehs.com/uploads/754df096e5ad38ffb7c9cc7a91e6cecf");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

      
      
    
  }
   .mygaming {
  /* The image used */
  background-image: url("https://codehs.com/uploads/a168f17bf331e333fa19d2cb95da416b");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

      
      
    
  }
     .myminecrafthobby {
  /* The image used */
  background-image: url("https://codehs.com/uploads/c5e958c5852a4c35341ad9ae2511d9f1");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

      
      
    
  }
    .mybaseball {
  /* The image used */
  background-image: url("https://codehs.com/uploads/ee04e8df1f1269fb725345abd31fd7cb");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

      
      
    
  }
.highlight{
background-color:orange;    
    
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}