.connection_container {
    width: 100vw;
    height: 100vh;
    background-image: linear-gradient(to top, white, darkred);
}

.login-block-holder {
    position: relative;
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-component-whole {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, white, darkred);
    border: solid black 4px;
    overflow: hidden;
    padding: 2%;
}