enc_popup.html

<div
    style="
    border-radius: 25px;
    border: solid;
    border-color: rgb(44, 44, 44);
    border-width: 15px;
    background-color: rgb(17, 21, 34);
    height: 25%;
    width: 35%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    ">
    <style>
        .b-styl {
            border-radius: 15px;
            background-color: rgb(67, 130, 141);
            border: solid;
            border-width: 5px;
            border-color: rgb(2, 177, 177);
            width: 150px;
            height: 50px;
            font-size: large;
        }

        .b-styl:hover {
            background-color: darkslategray;
        }
    </style>
    <h1 style="color: white; font-weight: bold; font-size:x-large;">create a key for an encryption</h1>
    <button id="create_enc_key" class="b-styl">create key</button>
    <button id="exit_enc_popup" class="b-styl">exit</button>
</div>