body {
    padding:0;
    margin:0;

}


.test-card {
    width: 100vw;
    height: 100vh;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.test-card-white {
    width: 16%;
    height: 100%;
    background-color: #fff;
}

.test-card-yellow {
    width: 16%;
    height: 100%;
    background-color: #f9fb53;
}

.test-card-cyan {
    width: 16%;
    height: 100%;
    background-color: #75fafd;
}

.test-card-lime {
    width: 15%;
    height: 100%;
    background-color: #75FB4C;
}

.test-card-magenta {
    width: 15%;
    height: 100%;
    background-color: #E833F3;
}

.test-card-red {
    width: 15%;
    height: 100%;
    background-color: #E63223;
}

.test-card-blue {
    width: 15%;
    height: 100%;
    background-color: #0301F2;
}

form {
    position:relative;
    z-index:1050;
    width:100vw;
    height:100vh;
    display:flex;
    justify-content: center;
    align-items:center;
}

.test-card-message {
    font-family: 'Courier New';
    text-align: center;
    border: solid 3px black;
    background-color: white;
    color: black;
    border-radius: 1em;
    padding: 2rem;
}