body {

    font-family: 'Rajdhani', sans-serif;

    font-size: 18px;

    letter-spacing: .03rem;

  

    line-height: 24px;

    color: #30c98b;

  

    background: #000000;

  

    -webkit-font-smoothing:antialiased;

    text-shadow: 0px 0px 20px #76ffc8;

     animation: glow 0.001s infinite alternate;

}

@keyframes glow {

    0% {

        text-shadow: 0 0 20px  #76ffc8;

    }
      10% {

        text-shadow: 0 0 20px  #63e2af;

    }

    50% {

        text-shadow: 0 0 20px  #00ff9a;

    }
      85% {

        text-shadow: 0 0 20px  #aaffdd;

    }

    100% {

        text-shadow: 0 0 20px  #09764a;

    }

}



.content {
    position: relative;
    width: 900px;
    height: 900px;
    background: #000000 url("back.jpg") no-repeat;
    margin: 0px auto;
    padding: 125px 139px 230px 170px;
    background-size: 900px 900px;
    overflow: hidden;
}


.content > .inside {

    width: 100%;

    height: 100%;

    position: relative;

    opacity: 20%;

    animation: flicker 0.1s infinite alternate;

}

@keyframes flicker {

    0% {

        opacity: 100%

    }

    30% {

        opacity: 98%

    }

    50% {

        opacity: 93%

    }

    60% {

        opacity: 97%

    }

    100% {

        opacity: 99%

    }

}

.content img {
    position: absolute;
    border: 2px solid #30c98b;
}

.content iframe {
    position: absolute;
    border: 2px solid #30c98b;
}

.content .navigation {
    width: 100%;
    position: absolute;
    bottom: 67px;
    left: 0px;
}

.content .enter-command {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 15px;
    text-align: center;
    line-height: 16px;
}

strong {
    /*font-size: 24px;
    font-weight: 900;*/
    font-family: 'Sarpanch', sans-serif;
    font-weight: 700;
}

medium {
    /*font-size: 12px;
    font-weight: 900;*/
    font-family: 'Sarpanch', sans-serif;
    font-weight: 700;
}

.content .enter-command .command-line-text{
    font-size: 16px;
    font-family: 'Sarpanch', sans-serif;
    font-weight: 700;
}


a {
    color: #30c98b;
    text-decoration: none;
}

a:hover, a.clicked {
    color: #000000;
    background: #30c98b;
}

.invisible {
    visibility: hidden;
}

.scanlines {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 900px;
    height: 900px;
    background: transparent url("scanlines_final.png") no-repeat;
    pointer-events: none;
    opacity: 1;
}

.mobile-inside {
    display: none;
}

.mobile-inside img {
    width: 100% !important;
    height: auto !important;
    top: 0px !important;
    left: 0px !important;
}

@media only screen and (max-width: 920px) {
    body {
        overflow-x: hidden;
    }
    
    .content {
        position: relative;
        width: 751px;
        height: 628px;
        background: #000000 url(back.jpg) no-repeat;
        margin: 0px auto;
        padding: 38px 83px 45px 77px;
        background-size: 900px 900px;
        background-position: -89px -89px;
    }
    .scanlines {
        background-position: -89px -89px;   
    }
}

@media only screen and (max-width: 631px) {
    body {
        overflow-x: hidden;
    }
    .wrapper {
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .content {
        position: relative;
        width: 631px;
        height: 628px;
        background: none;
        margin: 0px auto;
        padding: 20px;
        background-size: 900px 900px;
        background-position: -89px -89px;
    }
    .scanlines {
        display: none;
    }
    .scanlines-mobile {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 1000px;
        height: 2000px;
        background: transparent url("scanlines_tiled.png") repeat; 
        pointer-events: none;
    }
}

/*
@media only screen and (max-width: 900px) {
  .content {
    max-width: 100%;
    width:  900px;
    background: none;
    padding: 20px;
    height: auto;
  }
  .scanlines {
    display: none;
  }
  .inside {
    display:  none;
  }
  .mobile-inside {
    display: inherit;
  }
  .content .navigation,
  .content .enter-command {
    position: relative;
    left: 0px;
    bottom: 0px;
    word-wrap: normal;
    width: 100%;
    text-align: center;
  }
  .content .enter-command {
    margin-top: 20px;
  }
  .content .navigation .space {
    display: none;
  }
  .content .navigation medium .space {
    display: inline-block;
  }
}
*/