@charset "UTF-8";

/* #logo {
  background-image: url(logo.svg);
  background-repeat: no-repeat;
  width: 533px;
  height: 133px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */

html,
body {
  height: 100%;
}

#page-container {
  height: 100%;
  margin-top : -40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#logo {
  background-image: url(logo.png);
  background-repeat: no-repeat;
  width: 657px;
  height: 315px;
}

a {
  color: rgb(150, 150, 150);
  text-decoration: none;
}

a:focus,
a:hover {
  color: rgb(104, 93, 93);
}
/*#logo {*/
/*   width: 669px;*/
/*  height: 315px;*/
/*  background-image: url(logo.png);*/
/*  background-repeat: no-repeat;*/
/*  opacity: 1;*/
/*  visibility: visible;*/
/*  transition: width 1s, height 1s;*/
/*}*/

/*#logo.active {*/
/*  opacity: 0;*/
/*  visibility: hidden;*/
/*}*/