body {
    background: black;
    color: #33ff66;
    font-family: "Courier New", monospace;
    text-align: center;
    padding-top: 150px;
}

h1 {
    font-size: 60px;
    letter-spacing: 6px;
}

p {
    font-size: 20px;
}
.tv{
    width:700px;
    margin:80px auto;
    border:4px solid #33ff66;
    padding:40px;
    box-shadow:0 0 30px #33ff66;
}

.pantalla{
    margin:40px 0;
    padding:80px;
    border:2px dashed #33ff66;
    font-size:32px;
}

button{
    background:black;
    color:#33ff66;
    border:2px solid #33ff66;
    padding:15px 40px;
    font-size:20px;
    cursor:pointer;
}

button:hover{
    background:#33ff66;
    color:black;
}

.hora{
    opacity:.7;
    letter-spacing:4px;
}
.tv{
    width:700px;
    margin:80px auto;
    border:3px solid #33ff66;
    padding:40px;
    box-shadow:0 0 25px #33ff66;
    background:#050505;
}

.frecuencia{
    letter-spacing:5px;
    opacity:.7;
}

.pantalla{
    margin:40px 0;
    padding:70px;
    border:2px solid #33ff66;
}

.mensaje{
    font-size:24px;
    line-height:1.8;
}

button{
    background:black;
    color:#33ff66;
    border:2px solid #33ff66;
    padding:15px 40px;
    font-size:22px;
    cursor:pointer;
    transition:.3s;
}

button:hover{
    background:#33ff66;
    color:black;
}
#mensaje{
    transition: opacity .4s ease;
}

#pantalla{
    cursor: pointer;
    
}
.parpadeo{
    animation: flash .2s;
}

@keyframes flash{

    0%{
        opacity:1;
    }

    50%{
        opacity:.2;
    }

    100%{
        opacity:1;
    }

}