header { font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #000000; 
    background-image: url(images/nytraer.jpg);
    background-repeat: no-repeat;
    margin-top: 0;
    height: 50em;
    background-size: 90em;
}
header h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 150px;
    color: rgb(18, 36, 18);
    text-align: center;
}
header span { 
    font-family:'Bad Script', cursive;
    font-style: italic;
    font-weight: bold;
    font-size: 200%;
    padding-left: 25em;
    color: #2c2c2c;
}
.btn,
.btn:link,
.btn:visited{
    text-transform: uppercase;
    text-decoration: none;
    padding: 1em 2em;
    margin-top: 0.5em;
    margin-bottom: 1em;
    display: inline-block;

    border-radius: 2em;
    font-size: 1em;
    position: relative;
    text-align: center;
    border: none;
    background-color: aliceblue;
    color: black;
    font-weight: 999;

    width: 200px;
    transition: width 0.5s;

}
.btn:hover{
    width: 300px;
}

nav {  background-color: rgb(18, 36, 18); 
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.1em;
    font-weight: bold;
    text-align: right; 
    padding-right: 2em;
} 
nav ul { list-style-type: none; 
     margin: 0;
}
nav li { padding: 0.5em;
   display: inline-block;
}
nav a { text-decoration: none; 
    display: block;
}
nav a:link { color: #FFFFFF; }
nav a:visited { color: #FFFFFF; }
nav a:hover {  color: #cbcdd1;}

aside {
    width: 13em;
  padding: 30px;
  padding-bottom: 60em;
  float: right;
  background-image: url(images/ezra-jeffrey-comeau-BrU5UarFVUM-unsplash.jpg);
  background-color: rgb(133, 151, 133);
  margin-left: 10em;
  color: #FFFFFF;
}

.demo {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-align: left; 
    font-size: 132%;
}
.demo2 {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.1em;
    font-weight: normal;
    font-style: italic;
    text-align: left; 
    font-size: 105%;
}
.demo2 a:link {color: #FFFFFF;}
.demo2 a:visited { color: #FFFFFF; }
.demo2 a:hover {  color: #cbcdd1;}

main {
    background-color: #e2e2e2;
    padding: 5em;
    font-family: 'Raleway', sans-serif;

}
footer {
    font-family: 'Raleway', sans-serif;
    color: #FFFFFF;
    font-size:70%;
    text-align: center;
    padding: 10px;
    clear: both;
    background-color: rgb(18, 36, 18); 
}
h2 {
    color: rgb(34, 68, 34);
}
.center {
    text-align: center;
    margin-top: 7em;
}