body {
  margin: 0px;
  padding: 0px;
  
  background: black;
  
  background-attachment: fixed;
  background-image: url('/images/background.png');
  background-position: center center; 
  background-size: cover;
  
  color: white;
}

.test {
  border: 1px dashed red !important;
}

.banner {
  width: 100%;
  height: 100%;
  margin: auto;
  overflow: hidden;
  
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(121, 9, 9, 0.1) 15%, rgba(121, 9, 9, 0.1) 85%, rgba(0, 0, 0, 0.8) 100%);
  
  .logo {
    width: 50%;
  }
}

.copyright {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: right;
  position: absolute;
  bottom: 0px;
  opacity: 0.6;
  z-index: 100;
}

.menu {
  cursor: pointer;
  border: 2px dashed rgba(220, 220, 220, 1.0);
  border-radius: 50%;
  
  position: fixed;
  top: 20px;
  left: 20px;
  
  z-index: 100;
  opacity: 0.5;
  
  transform: rotate(0deg);
  transition-duration: 500ms;
  transition-property: transform;
}

.menu:hover {
  border-radius: 10px;
  opacity: 1.0;
  transform: rotate(90deg);
  transition-duration: 500ms;
  transition-property: transform border-radius;
}

.menu_open {
  border: 2px dashed rgba(121, 9, 9, 1.0);
}