#link-input, #submit, #cancel, #prompt-input{
    all: initial;
    font-family: "Lucida Console", Monaco, monospace;
    border-radius: 10px;
    font-size: max(2.5vmin, 14px);
    border: 3px solid white;
    color: white;
    text-align: center;
    transition: transform 0.2s, background-color 0.2s;
    box-shadow: 0 5px 0px rgb(0, 0, 0, 0.75);
    padding: 1% 0;
}

#prompt-input.main-page{
    display: block;
    height: 80%;
    margin-top: 1%;
    margin-bottom: 2.5%;
}

/* Link Input */

#link-input.main-page, #submit.main-page, #prompt-input{
    width: 60%;
    margin: 0 20%;
}

#link-input{
    background-color: #353535;


}

#link-input::placeholder{
    text-align: center;
}

#link-input:focus{
    border: 3px solid white;
}

#link-input:hover{
    background-color: #464646;
    transform: scale(1.01);
}


/* Submit */
#submit{
    background-color: #38b6ff;


}

#submit.main-page{
    margin: 1% 20%;
}

#submit:hover{
    background-color: #49c7ff;
    transform: scale(1.01);
}



/* Form */
#form.post-config{
    position: relative;
    width: 100%;
    padding: 2%;



}

/* Textarea */
textarea{
    resize: none;
}

#link-input.mini-popup{
    width: 100%;
    height: 40%;
}

#submit.mini-popup, #cancel.mini-popup{
    width: 45%;
    height: 10%;
    margin-top: 10%;

}

#submit.mini-popup{
    float: left;
}

#cancel.mini-popup{
    float: right;
}

#cancel:hover{
    transform: scale(1.01);
    background-color: #111111;
}

#cancel:hover{
    transform: scale(1.01);
    background-color: #333333;
}

#cancel{
    background-color: #111111;
}