/*index-stylesheet.css*/

body {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  background-color: #242946;
  color: #D6D6D6;
  overflow-x: hidden;
}

header {
  text-align: center;
}

h3 {
  margin-left: 2em;
  font-size: 1.5em;

}

HR {
  width: 10%;
}

p {
  margin: 2em;
  line-height: 1.5;
  text-indent: 30pt;
}

li {
  line-height: 1.5;
}

#ingredients {
  margin: 2em;
}

#directions {
  margin-left: 1em;
  margin-right: 2em;
}

img {
  width: auto;
  height: 500pt;
  opacity: 0.3;
  padding: 0;
  margin-top: 3em;
}

#over {
    position:absolute;
    width:100%;
    height:100%;
    text-align: center;
    /*handles the horizontal centering*/
}

/*handles the vertical centering*/

.centerer {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.centered {
    display: inline-block;
    vertical-align: middle;
}



/*link options*/

/*unvisited*/
a:link {
  color: #76D6FF;
}
/*visited*/
a:visited {
  color: #FFD479;
}
/*mouse over*/
a:hover {
  color: #73FDFF;
}
/*selected*/
a:active {
  color: #00FDFF;
}

.back-to-top {
  margin-top: 1em;
  margin-bottom: 1em;
}

@media (min-width: 60em) {
  p {
    display: inline-block;
  }
}