html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-image: url("noise.png");
  background-size: repeat;
}
@font-face {
  font-family: "Montserrat-bold";
  src: url("Monsterrat Bold.ttf") format("truetype");
}
#logo {
  height: 100%;
  width: 100%;
  overflow: show;
  position: absolute;
  transform: translate(0px, -15%) scale(0.5, 0.5);
}
#logo-text-wrapper {
  transform: translate(452px, 480px);
}
#logo-text {
  font-family: Montserrat-bold;
  font-size: 32px;
  fill: white/*#004E69*/;
}
#logo-icon-wrapper {
  transform: translate(442px, 298px) scale(1.15, 1.15);
}
#logo-atom-beat {
  position: absolute;
  transform: translate(50px, 47.5px) scale(0.5, 0.5);
  z-index: 1000;
  fill: url("#logo-atom-gradient");
}
#logo-inner-button {
  transform: translate(0px, 0px);
}
#logo-inner-button:hover {
  transform: translate(3px, 3px);
  cursor: pointer;
}
#logo-mouse-pointer-shadow {
  transform: translate(3px, 3px);
}
.logo-color-main {
  fill: white/*#007498*/;
}
.logo-color-secondary {
  fill: red;
}
#landing-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url("back.jpg");
  background-size: cover;
}
.show {
  transition: opacity 400ms;
}
.hide {
  opacity: 0;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}