*{
    box-sizing:border-box;
}


body{

    margin:0;

    height:100vh;

    background:#000;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

    font-family:"Courier New", monospace;

    color:#00ff66;

}



/* ШУМ ЕКРАНА */

.noise{

    position:absolute;

    width:100%;

    height:100%;

    pointer-events:none;

    opacity:0.15;


    background:

    repeating-linear-gradient(
        0deg,
        transparent,
        transparent 3px,
        #00ff66 4px
    );

}



/* ТЕРМІНАЛ */

.terminal{

    width:850px;

    min-height:600px;

    background:#020202;

    border:2px solid #00ff66;

    padding:30px;


    box-shadow:

    0 0 20px #00ff66,

    inset 0 0 30px #003300;


    animation:flicker 4s infinite;

}



/* ЗАГОЛОВОК */

.header{


    text-align:center;

    color:#ff2222;

    font-size:35px;

    letter-spacing:8px;

    margin-bottom:30px;


    text-shadow:

    0 0 15px red;


}



/* СТАТУС */

#status{


    color:red;

    margin-bottom:20px;

    font-size:18px;


}



/* ТЕКСТ */

#screen{


    min-height:260px;

    font-size:20px;

    line-height:1.8;


}



/* ВВІД */

.input-box{


    display:flex;

    gap:10px;


}



input{


    flex:1;

    background:black;

    border:

    1px solid #00ff66;


    padding:15px;


    color:#00ff66;

    font-size:20px;

    outline:none;


}



button{


    width:160px;

    background:#00ff66;

    border:none;

    cursor:pointer;

    font-size:18px;


}



button:hover{


    background:white;


}



/* КООРДИНАТИ */

.coordinates{


    margin-top:30px;

    padding:20px;


    background:#050505;

    border:

    1px solid #333;


    font-size:25px;

    color:white;


}



/* МЕРЕХТІННЯ */


@keyframes flicker{


0%{

opacity:1;

}


5%{

opacity:.8;

}


10%{

opacity:1;

}


40%{

opacity:.95;

}


70%{

opacity:.85;

}


100%{

opacity:1;

}


}