@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');

body {
  font: 600 14px 'Open Sans', sans-serif;
  background: url(background.jpg) no-repeat fixed center;
  color: white;
  text-transform: uppercase;
  letter-spacing: .07em;
}

a {
  color: #fff;
}

a:link,
a:visited {
  text-decoration: underline;
}

a:hover,
a:active {
  text-decoration: none;
}

#logo {margin:20px;}

main,
footer {
  text-align: center;
}

main {
  width: 650px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -65%);
}

footer {
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 11px;
  font-weight:normal;
  width: 100%;
  position: fixed;
  bottom: 20px;
}

.link_btn {
  display: inline-block;
  border: 1px solid #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: .05em;
  color: #fff;
  padding: 8px;
  margin: 20px 15px;
  width: 160px;
}

.link_btn:link,
.link_btn:visited {
  text-decoration: none;
  transition: 200ms ease-out;
}

.link_btn:hover,
.link_btn:active {
  background: #fff;
  color: #000;
  transition: 400ms ease-out;
}