body {
    background:#1e1e1e;
    color:#e5e5e5;
    font-family:Arial
}

a {
    color:#00e5ff;
    text-decoration:none
}

    button, input {
    background:#2a2a2a;
    color:#00e5ff;
    border:1px solid #00e5ff;
    padding:6px
}

.card {
    background:#2a2a2a;
    padding:15px;
    border-radius:8px;
    margin:10px
}

.modal {
    display:none;
    position:fixed;
    z-index:1000;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background: rgba(0,0,0,0.8);
}

.modal-content {
    background:#1e1e1e;
    margin:10% auto;
    padding:20px;
    border:1px solid #00e5ff;
    width:80%;
    max-width:800px;
    color:#fff;
}

.close {
    color:#00e5ff;
    float:right;
    font-size:28px;
    cursor:pointer;
}

iframe {
    width:100%;
    height:500px;
    border:none;
    background:#1e1e1e;
    color:#fff;
}