@charset "UTF-8";
/* CSS Document */

#container{
width:50%;
margin: auto;

font-family: "ivyjournal", sans-serif;
font-weight: 400;
font-style: normal;
color:#26140E;
}

section{
margin-top: 40px;
margin-bottom: 60px;
}

h1{
font-family: "ivymode", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 80px;
}

h2, h3, h4{
font-weight: 200;
font-family: "ivyjournal", sans-serif;
}

h2{
margin-bottom: 0px;
}

.copy{
background-color:rgba(218,221,121,.80);
padding:20px;
margin-bottom: 50px;
}


footer{
margin-top: 150px;
color:#8C5845;
}

.foot{
margin-top: 40px;
}
h3{
margin-top: 50px;
font-size: 30px;
}

body{
background-color:rgba(222,152,125,.60);
}

hr {
border: 2px solid #BF584E;

}


.logo {
margin-left: 20px;
margin-right: 20px;
}



.me{
margin-top:25px;
margin-bottom: 25px;
border: 20px solid rgba(218,221,121,.80);
}

.roll:hover{
background-color: rgba(218,221,121,.80);
}




/* unvisited link */
a:link {
  color: #26140E;
  text-decoration: none;
  padding:5px;
}

/* visited link */
a:visited {
  color: #8C5845;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #BF584E;
  text-decoration: none;
}

/* selected link */
a:active {
  color: #26140E;
  text-decoration: none;
}