/* USVS STYLESHEET */  
@font-face { font-family: 'simplon'; src: url('SimplonBPMono-Bold.otf') format('opentype'); font-weight: normal; font-style: bold; }  
html, body{ 	
  font-family: 'simplon'; 	
  font-weight: bold; 	
  font-size: calc( 16px + 6 * (100vw - 320px) / 1440 );
  line-height: 1;
  max-width: 100vw; 	
  max-height: 100vh; 	
  overflow: hidden; 	
  position: relative; 	
  box-sizing: border-box; 	
  background: #141414; 	
  color: #fff; 	
  margin: 0; 	
  padding: 0; 
  min-width: 320px;
}  

h1{ font-size: 8rem; margin: 8px 0; line-height: 0.9; } 
h1.h-mobi{ display: none; }

a{ color: inherit; text-decoration: none; transition: all 0.4s ease; }
a:hover{ cursor: pointer; transition: all 0.4s ease;  }

*:focus { outline: none; } 
*::selection{} 
*::-moz-selection{}

#under-canvas{ z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; width: 100vw; height: 100vh; padding: 20px; box-sizing: border-box; }

#canvas{ z-index: 10; position: absolute; } 

#over-canvas{ width: 100%; position: absolute; bottom: 20px; left:0;  }  
#over-canvas .left{ z-index: 20; position: absolute; left: 20px; bottom: 0; }
#over-canvas .right{ z-index: 20; position: absolute; right: 20px; bottom: 0; }

#over-canvas a.social{ font-size: 3em; display: inline-block; vertical-align: middle; white-space: nowrap; }
#over-canvas a.social ~ a.social{ margin-left: 1em; }
#over-canvas a.social:hover{ text-shadow: 1px 1px 6px #141414; }

@media only screen and (min-width : 1440px){
  h1{ font-size: 11rem; }
}
@media only screen and (max-width : 1440px){
  h1{ font-size: 10rem; }
}
@media only screen and (max-width : 1280px){
  h1{ font-size: 9rem; }
}
@media only screen and (max-width : 1080px){
  h1{ font-size: 8rem; }
}
@media only screen and (max-width : 900px){
  h1{ font-size: 6.5rem; }
}
@media only screen and (max-width : 760px){
  h1.h-desk{ display: none; }
  h1.h-mobi{ display: block; } 
}
@media only screen and (max-width : 500px){
  h1{ font-size: 5.5rem; }
  #over-canvas a.social{ font-size: 2.5em; }
}
@media only screen and (max-width : 400px){
  h1{ font-size: 4.5rem; }
  #over-canvas a.social{ font-size: 2em; }
}