body {
        background-color: rgb(50, 50, 50);
    }

    .logo {
        width: clamp(10px, 8vw, 70px);
    }


    .user {
        align-items: center;
        margin-left: 39vw;
        margin-bottom: 0.5vw;
        width: 20vw;
        border-style: solid;
    }

    .pass {
        align-items: center;
        margin-left: 39vw;
        width: 20vw;
        border-style: solid;
    }

    .name {
    font-weight: bold;
    font-size: clamp(10px, 10vw, 200px);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 1.5vw;
    }

    .login {
    font-weight: bold;
    font-size: clamp(5px, 5vw, 100px);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 0vw;
    margin-bottom: 1.5vw;
    }

    .login-button {
        color: white;
        background-color: rgb(7, 87, 7);
        width: 8vw;
        height: 3vw;
        margin-left: 45vw;
        margin-top: 1vw;
        border: none;
        border-radius: 1vw;
        transition: opacity 0.5s;
    }

    .login-button:hover {
        opacity: 0.65;
    }

    .melding {
        margin-left: 34vw;
    }