@font-face {
  font-family: oswald;
  src: url(fonts/oswald.ttf);
}

header {
  background-color:#e2764d;
  font-weight:300;
  font-size:15px;
  padding: 3%;
  background: url(images/mountain.jpg);
  background-size:cover;
  transition-duration:0.5s;
}

header:hover {
  background-color:#e2764d;
  font-size:15px;
  padding: 3%;
  background: url(images/mountain.jpg);
  background-size:cover;
}

logo {
  transition-duration:0.5s;
}

logo:hover {
  filter: brightness(70%) sepia(100%) hue-rotate(-35deg) saturate(3);
  font-weight:600;
}

body {
    font-family: oswald;
    color:white;
    text-align:center;
    background-color:#090d14;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }

h1 {
  color:white;
}

h2 {
  font-weight: 300;
  color:white;
  background-color:#e2764d;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:10px;
}

h3 {
  font-weight: 400;
  color:white;
  background-color:slategray;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:10px;
}

main {
  color:white;
  background: url(images/wood-bg.jpg);
  background-size: cover;
  padding:100px;
  margin-left: 0px;
}

button1 {
  font-weight: 300;
  color:white;
  background-color:#e2764d;
  padding: 32px 16px;
  height:150px;
  width:200px;
  font-size:xx-large;
  border-radius:32px;
  transition-duration:0.5s;
}

button1:hover {
  font-weight: 600;
  border-radius:16px;
  background-color: white;
  color:#e2764d;
}

footer {
  color:white;
  background-color:#090d14;
  padding:1%;
  margin-top: 0px;
}

a {
  color:whitesmoke;
  text-decoration: none;
}

errorcode {
  font-size:160px;
  font-weight:400;
  transition-duration:0.5s;
}

errorcode:hover{
  font-weight:600;
}

button2 {
  font-weight: 400;
  color:white;
  background-color:#213049;
  padding: 3px 10px;
  height:150px;
  width:200px;
  font-size:16px;
  border-radius:10px;
  transition-duration:0.5s;
}

button2:hover {
  font-weight: 600;
  border-radius:5px;
  background-color: white;
  color:#090d14;
}