.panel {
    padding-block: 1em;
    padding-inline: 3em;
    background: rgb(40, 152, 167);
    width: fit-content;
    margin: 0 auto;
    /* float: left;
    position: absolute;
    transform: translateX(50%); */
    border-radius: 10px;
    corner-shape: superellipse(.2);

    a {
        color: rgb(146, 255, 255);
        padding: .1em;
    }
}

#output {
    position: relative;
    top: 0;
    /* left: 50vw; */
    padding: 1em;
    background: rgb(107, 39, 116);
    min-width: 40vw;
    width: fit-content;
    height: fit-content;
    margin: 0 auto;
    border-radius: 30px 10px 30px 10px;
    corner-shape: superellipse(.2) superellipse(1) superellipse(.2) superellipse(1);

    h3 {
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
    }

    #output-programm {
        text-align: left;
        width: fit-content;
        height: fit-content;
        margin: 5em auto;
        font-family: monospace;
        border-radius: 20px;
        padding: 1em;
        background-color: rgb(32, 32, 32);
    }
}

.tm-wrap {
    position: relative;
    height: fit-content;
    width: fit-content;
    padding-top: 2em;
    margin: 0 auto;
}

input[type="button"] {
    background: rgb(77, 30, 57);
    color: white;
    font-size: 1.2em;
    padding: .3em;
    border-radius: 5px;
    margin-block: .5em;
}

input[type="text"] {
    font-size: 1.2em;
    border-radius: 5px;
    padding-left: .5em;
    width: 15em;
}