/* Box Model Hack */
* {
  box-sizing: border-box;
}

/* Clear fix hack */
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}

.clear {
	clear: both;
}

/******************************************
/* BASE STYLES
/*******************************************/

body {
  color: teal;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}

main {
  width: 100%;
  background-color: hsla(34, 90%, 85%, 1);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1799 1799' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='125%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"), radial-gradient(circle at 80% 70%, hsla(40, 90%, 70%, 1) 12%, transparent 70%), radial-gradient(circle at 25% 45%, hsla(30, 80%, 75%, 1) 8%, transparent 65%), radial-gradient(circle at 65% 20%, hsla(20, 70%, 80%, 1) 6%, transparent 75%), radial-gradient(circle at 15% 85%, hsla(15, 60%, 78%, 1) 5%, transparent 80%);
  background-blend-mode: overlay, normal, normal, normal, normal;
  
}

h1{
  padding-top: 20px;
  font-size: 4rem;
  text-align: center;
  margin: auto;
  font-family: "Jacquard 12", sans-serif;
}

h2{
  font-size: 1.5rem;
  text-align: center;
  margin: auto;
  font-family: "eagle lake", serif;
}

img{
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 20px;
  height: 400px;
}

p {
  padding-top: 15px;
  color: rgb(184, 184, 245);
  font-size: 1.5rem;
  text-align: center;
  margin: auto;
  font-family: "eagle lake", serif;
}

.email{
  margin: auto;
  padding: auto;
  font-size: 2rem;
  text-align: center;
  font-family: "jacquard 24", serif;
}

.bottom{
  background: black;
}


/******************************************
/* LAYOUT
/*******************************************/
header {

}

footer {

}

/******************************************
/* ADDITIONAL STYLES
/*******************************************/