@font-face {
  font-family: 'GTAmerica-ExpandedMedium';
  src: url('fonts/GTAmerica-ExpandedMedium.eot?#iefix') format('embedded-opentype'),  url('fonts/GTAmerica-ExpandedMedium.otf')  format('opentype'),
	     url('fonts/GTAmerica-ExpandedMedium.woff') format('woff'), url('fonts/GTAmerica-ExpandedMedium.ttf')  format('truetype'), url('fonts/GTAmerica-ExpandedMedium.svg#GTAmerica-ExpandedMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
html body {
  font-family: 'GTAmerica-ExpandedMedium';
  width: 100%;
  height:100%;
  padding:0;
  margin:0;
  line-height: 100%;
  /*cursor: url("../img/cursor.png") 50 50, auto; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}
::-moz-selection { /* Code for Firefox */
  color: #f0e6dc;
  background: #bc5827;
}
::selection {
  color: #f0e6dc; 
  background: #bc5827;
}
a {
  color:#f0e6dc;
  text-decoration: none;
  padding: 10px;

  
}
a:hover {
  color:#f0e6dc;
  text-decoration: line-through;
}

.logo {
	min-height: 30px;
	height:2.5vmax;
	mix-blend-mode: normal; 
  position: fixed;
  left:30px;
  top:30px;
  display: block;
  z-index: 99;
  width: auto;
}
img.move {
    position: fixed;
    height: 50%;
    width: 50%;
    animation: fadein 0.5s;
    min-width: 30%;
    min-height: 30%;
    max-width: 70%;
    max-height: 70%;
   -webkit-user-drag: none;
   z-index: -1;
  }
  
  img.art1 {
    top: 0;
    left: 0;
  }
  
  img.art2 {
    top: 0;
    right: 0;
  }
  
  img.art3 {
    bottom: 0;
    left: 0;
  }
  
  img.art4 {
    bottom: 0;
    right: 0;
  }
  
  @keyframes fadein {
    0% { opacity: 0; }
    100% { opacity: 1;} 
  }
  .clicker {
    position: absolute;
    top: 200px;
    left: 200px;
    transform: translate(-50%, -50%) scale(0.5);
    animation: fadein 0.5s;
  }

  .info, .soon, .email   {
    position: fixed ;
    z-index: 9 ;
    color:#f0e6dc;
    font-weight: normal;
    font-size: 16px;
    mix-blend-mode: difference; 
    letter-spacing: 1px;
    
  }
.info {
    bottom:30px;
    left:30px;
    width: 45%;
}


  .soon {
    right:30px;
    top:30px;
  }

  .email {
    right:30px;
    bottom:30px;
    
  }
  

* {
  cursor: crosshair;
}

#cursor {
  pointer-events: none;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background: #f0e6dc;
  border-radius: 40px;
  transition: linear height 0.2s, linear width 0.2s;
  z-index: 999;
}

.hoveredCursor {
  width: 20px !important;
  height: 20px !important;
}


@media (max-width:680px) { 

  .soon {
    transform: rotate(90deg);
    right: -40px;
    top:108px;
  }
  .email {
    transform: rotate(90deg);
    right: -100px;
    bottom:150px;
  }
  .clicker {
    position: absolute;
    top: 200px;
    left: 200px;
    transform: translate(-50%, -50%) scale(0.3) !important;
    animation: fadein 0.5s;
  }
 }