body {
    background-image: url('tiedye2.png');
    background-size: cover;
    background-repeat: no-repeat;
    
    font-family: Arial;
}

main {
  margin-top: 72px;
}

p {
  color: white;
  font-size: 14pt;
}

h1 {
  text-align: center;
  color: white;
  font-size: 30pt;
}

h2 {
  text-align: center;
  color: white;
  font-size: 25pt;
}

h3 {
  color: white;
  font-size: 18pt;
}

/* This makes the Calvin Creative title work*/
.cctitle {
  color: #EE7B30;
  text-align: center ;
  background-color: white;
  padding: 14px 14px;
}

/* .center is for centering images */
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}

.frostedbg {
  background-color: rgba(114, 114, 114, 0.15);  
  backdrop-filter: blur(4px);
}

img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}

fieldset {
  display: block; 
  border: none; 
  margin-bottom: 14px;
  text-align: center;
  
}

label {
  display: block;
  margin-bottom: 4px;
}

textarea, input[type="text"] {
  border-radius: 7px;
  border-color: #EE7B30;
  border-width: 3px;
  border-style: solid;
  width: 60%;
  resize: none;
  
}


/* All below this makes the nav bar work. DO NOT EDIT! */
ul.navbar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed;
    top: 0 ;
    width: 100%;
    z-index: 1;
    /* Next two lines make nav bar frosted*/
    background-color: rgba(114, 114, 114, 0.15);  
    backdrop-filter: blur(4px);
  }
  
  ul.navbar li {
    float: left;
  }
  
  ul.navbar li a {
    display: block;
    color: white ;
    text-align: center;
    padding: 14px 14px;
    text-decoration: none;
  }
  
  main {
    margin-top: 72px;
  }
 
  ul.navbar li a:hover {
    opacity: 70%;
    background-color: #EE7B30;
  }

  .active {
    background-color: #EE7B30;
    
  }

  @media screen and (max-width: 600px) {
    ul.navbar li.right, 
    ul.navbar li {float: none;}
    
  }

 @media screen and (max-width: 600px) {
    main {
      margin-top: 250px;
    } 
   }