@charset "UTF-8";

@font-face {
  font-family: Proxima Nova;
  font-style: normal;
  font-weight: 400;
  src: local("☺︎"), url("ProximaNova-Regular.woff") format("woff");
}

html,
body {
  height: 100%;
}

body {
  font-family: Proxima Nova;
  font-size: 62.5%;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.error_404 {
  align-items: center;
  background-color: #2e3943;
  display: flex;
  flex-direction: column;
}

.error_404 .header {
  margin-top: 67px;
}

.error_404 .content {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  justify-content: center;
}

.error_404 .wrapper {
  background-image: url(/error_pages/404_background.png);
  background-repeat: no-repeat;
  color: #b7c4ce;
  display: flex;
  flex-direction: column;
  font-family: Proxima Nova;
  font-size: 20px;
  font-weight: Regular;
  height: 242px;
  justify-content: center;
  line-height: 29px;
  width: 627px;
}

.error_404 .content .explanation {
  margin-bottom: 15px;
  text-align: center;
}

.error_404 .content .buttons {
  display: flex;
  justify-content: center;
}

.error_404 .content .buttons .return,
.error_404 .content .buttons .contact {
  text-decoration: none;
}

.error_404 .content .buttons .return {
  margin-right: 10px;
}