@font-face {
    font-family: assistant-R;
    src: url(Assistant/Assistant-Regular.ttf);	
}

@font-face {
    font-family: assistant-L;
    src: url(Assistant/Assistant-Light.ttf);	
}

@font-face {
    font-family: assistant-B;
    src: url(Assistant/Assistant-Bold.ttf);	
}

@font-face {
    font-family: assistant-EB;
    src: url(Assistant/Assistant-ExtraBold.ttf);	
}

*{
    margin: 0;
    padding: 0;
}

body {
    font-size: 10px;
    font-family: assistant-R;
    color: rgba(0,0,0,0.87);
}


/* PORTRAIT MODE NO */

#noportrait, #nomobile {
    display: none;
    height: 100vh;
    width: 100vw;
    background-color: #000;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0px;
    top: 0px;
    z-index: 8000;
}

#nomobile {
    z-index: 8001;
}

.no-message {
    font-family: assistant-B;
    font-size: 4.5vw;
    color: #FFE227;
    height: auto;
    width: 80%;
    text-align: left;
    line-height: 1.4;
    letter-spacing: 0.8px;
    text-shadow: 0 0 15px #000;
}

.no-m-bold {
    font-family: assistant-B;
    color: #fff;
}

/* MEDIA QUERIES */

@media screen and (orientation: portrait) {
    #noportrait {
        display: flex;
        justify-content: center;
        align-items: center;
        
        position: fixed;
        
        background-image: url(Images/nomessage.png);
        background-size: contain;
       
    }
    
}

@media screen and (max-width: 600px) {
  #nomobile {
        display: flex;
        justify-content: center;
        align-items: center;
        
        position: fixed;
      background-image: url(Images/nomessage.png);
        background-size: contain;
    }
    
    .no-message {

    font-size: 8.9vw;
    }

}