* {
    font-family: "Asul", serif;
}



body {
    background: linear-gradient(to bottom right, #ec60a6, #db9ac8,
            #5894cf);
    margin: 0px;
    color: white;
    height: 100%;
}





.WIE-containter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
    text-align: justify;
    margin-bottom: 100px;
}


.WIE-containter h2{
    font-size: large;
}

.WIE-containter p{
    margin-left: 600px;
    margin-right: 600px;
}

/*BUTTON*/
.button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 100px;
}

.button {
height: 100px;
width: 400px;
font-size: 25px;
background-color: rgba(255,255,255,0.2);
border-color: rgba(255,255,255,0.3);
border-radius: 15px;
}

.button:hover {
    cursor: pointer;
}