header{
    text-align:center;
    background-color:lightgrey;
    font-family:'Times New Roman', sans-serif;
    margin-bottom:0px;
    padding:0px;
}
body{
    background-color:skyblue;
}

p{
   
    font-size:35px;
    color:white;
}
h1{
    font-size:80px;
}
#hello{
    margin-left:950px;
}
.quote{
    color:white;
    font-size:40px;
    text-align:center; 
    border:solid 10px black;
    margin-top:75px;
    padding:25px;
}
body, html {
  height: 100%;
}

.active{
    background-color:purple;
    font-family:'Times New Roman', sans-serif;
}
@media only screen and (min-width: 600px) {
    
.parallax {
  text-align:center;
  padding-top:45px;
  color:white;
  /* The image used */
  background-image: url("https://cdn.modrinth.com/data/khMbd0K1/images/91d4d624ef768aaaa6eb8bb583002f9de24cebbb.png");

  /* Full height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
}
.parallax2 {
  /* The image used */
  background-image: url("https://codehs.com/uploads/0f932a815b374c8704b04a644760123c");

  /* Full height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax3 {
  /* The image used */
  background-image: url("https://cdn.modrinth.com/data/khMbd0K1/images/d399b56b16ac9f7c64f8024ae4e77271279393fb.jpeg");

  /* Full height */
  height:100%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top:150px;
  
  
}
.parallax4{
    background-image: url(https://codehs.com/uploads/dcc66f8f7133eab0a83891cfdc0de3d5);
    /* Full height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
footer{
    width:100%;
   
}
#importantmessage{
    margin-top: 200px;
}
#oversize{
    height:10px;
    width:10px;
}
.margins{
    margin:10px;
}
}