wvg/style.css

body {
    background-image: url('https://w.wallhaven.cc/full/g8/wallhaven-g8mmye.jpg'); /* Set the image */
    background-size: cover; /* Ensure the image covers the entire area */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

#updateNoticeExtension {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 2%;
}

#updateNoticeExtension a {
    text-decoration: none;
    color: darkgreen;
}

#ckHome {
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
}

#h3, label {
    flex-shrink: 1;
}

#ckResult {
    width: 70%;
    height: 50%;
    overflow: hidden;
    resize: none;
    text-align: center;
}

#wvForm {
    flex-direction: column;
    align-self: center;
    justify-self: center;
    width: 100%;
    height: 100%;
    gap: 1%;
}

#wvHome {
    flex-direction: column;
    width: 100%;
    height: 100%;
}


#history {
    flex-direction: column;
    height: 100%;
    width: 100%;
}

#histButtons {
    flex-shrink: 1;
}

#histDisp {
    flex-grow: 1;
}

#selectPssh {
    flex-direction: column;
    height: 100%;
    width: 100%;
}

#selectRequest {
    flex-direction: column;
    height: 100%;
    width: 100%;
}

#requestList {
    overflow-y: scroll;
}

#psshList {
    overflow-y: scroll;
}

#noEME {
    flex-direction: column;
    height: 100%;
    width: 100%;
    text-align: center;
}

#wvHomePSSHLines {
    display: flex;
    flex-direction: row;
    color: black;
    gap: 1%;
}

#pssh {
    flex-grow: 1;
}

#wvHomeLicenseLine {
    color: black;
    flex-direction: row;
    display: flex;
    gap: 1%;
}

#license {
    flex-grow: 1;
}

#wvHomeSchemeLine {
    display: flex;
    flex-direction: row;
    color: black;
    gap: 1%;
}

#scheme {
    flex-grow: 1;
}

#wvHomeResultLine {
    display: flex;
    justify-self: center;
    align-items: center;
    flex-direction: column;
    gap: 1%;
}

#result {
    resize: none;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1%;
    outline: none;
    width: 60%;
    text-align: center;
}

#ckResult {
    resize: none;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1%;
    outline: none;
}