.eula-page {
    background-color: #272b2e;
    color: white;
    z-index: 3;
    outline: 2px solid white;
    top: 1svh;
    left: calc((100vw - min(100svh, 100vw)) * 0.5);
    width: min(100svh, 100vw);
    height: 98svh;
}

.eula-page h1 {
    margin: min(2svh, 2vw);
}

.eula-page h2 {
    margin: min(2svh, 2vw);
    margin-left: min(4svh, 4vw);
}

.eula-page h3 {
    text-align: justify;
    margin-left: min(4svh, 4vw);
}

.eula-page p {
    text-align: justify;
}

.eula-page .container-head {
    position: relative;
    height: 15%;
}

.eula-page .container-frame {
    position: relative;
    height: 70%;
    overflow-y: auto;
    scrollbar-color: #272b2e rgba(255, 255, 255, 80%);
    scrollbar-width: thin;
    user-select: text;
}

.eula-page .container-foot {
    position: relative;
    height: 15%;
}

.eula-page .container {
    margin-left: 5%;
    margin-right: 5%;
}

.eula-page .line {
    height: min(4svh, 4vw);
    margin-bottom: 0.5%;
    padding-top: 0.5%;
    background-color: rgba(0, 0, 0, 10%);
}

.eula-page .label {
    font-size: min(3svh, 3vw);
}

.eula-page .label.input {
    font-size: min(2svh, 2vw);
}

.eula-page .value-block {
    font-size: min(3svh, 3vw);
}

.eula-page button {
    font-family: Roboto;
    font-size: 4svh;
    font-weight: bold;
    display: inline-block;
    padding: 1svh 1svh 1svh 1svh;
    width: 30%;
    height: 50%;
    margin-top: 3%;
    margin-left: 6%;
    margin-right: 6%;
    margin-bottom: 3%;
    text-align: center;
    border: 0.3svh solid white;
    background-color: #00000080;
    color: white;
    border-radius: 1svh;
}