@font-face {
      font-family: typographica; 
      src: url("/typographica.woff") format('woff'); 
      
      font-weight:normal;
      font-style:normal;
      }


@media only screen and (orientation: portrait) {
  .menu1 {
      font-size: 3rem;
  }
}


body{

    .background{
      
    background-image: url("/WEBSITE_FINAL_BG.png");
    

    background-repeat: no-repeat;
    
    background-size: cover;
    position: absolute;
    top:0px;
    left:0px;
    width: 1920px;
    height: 1080px;
    
    overflow: hidden;
    
    }


.cont1{
  
        display: block;
        font-size: 0em;
        text-decoration: none;
        
        -webkit-touch-callout: none; /* no select for diff browsers */
        -webkit-user-select: none; 
        -khtml-user-select: none;
        -moz-user-select: none; 
        -ms-user-select: none; 
        user-select: none; 
        
        padding: 0;
    

        background-repeat: no-repeat;
    
        background-size: cover;
        
        top:0;
        left:0;
        width: 100%;
        height: 100%;
    
        overflow: hidden;
  
  }


  .404{
  
      
        background-repeat: no-repeat;
        
        top:0;
        left:0;
        width: 100%;
        height: 100%;
                
        display: block;
    
        overflow: hidden;   
        
        z-index: 0;
  
  }
  
  
  

    a {
        color: #ff8351ff;
        text-decoration: none;
        
    }

   

    p {
      font-family: typographica; 
    }
    

    .menu1 {
      
        font-family: "typographica", sans-serif;
	      color: #ff8351ff;
        display: inline;
        font-size: 3.7vw;
        text-decoration: none;
        
        -webkit-touch-callout: none; /* no select for diff browsers */
        -webkit-user-select: none; 
        -khtml-user-select: none;
        -moz-user-select: none; 
        -ms-user-select: none; 
        user-select: none; 
        
        
        border: 0px solid purple;
        
        background-image: url("/WEBSITE_FINAL_BG.png");
    

        background-repeat: no-repeat;
    
        background-size: cover;
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
    
        overflow: hidden;
        
    }



    .links{
      
      
    margin-top:1vw;
      
      
    }
    
    .link1{
    
    
    display:inline-block;
    height:1.3em;
    
    margin-top: 0vw;
    margin-left:16vw;
    margin-right: 66vw;
  
    }

    .text1{
      
        

        border: 0px solid purple;

        transition-timing-function: easeInOutSine;
        transition: 0.4s;
        text-decoration: none;

        display: inline-block;

    }
    .text1:hover {
	    color: #ffbb58ff;
      cursor: pointer;

      transition-timing-function: easeInOutSine;
      transition: 0.4s;
    }
    
    
    .text2{
  
      color: #ffd862ff;

        transition-timing-function: easeInOutSine;
        transition: 0.4s;
        text-decoration: none;
        

        margin-top: 10vw;
        margin-left: 1.8vw;
        
        font-size: 1.76em;

    }
    
    



}