body {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100vh;
background: rgb(242,244,246);
background: linear-gradient(0deg, rgba(242,244,246,1) 31%, rgba(177,179,179,1) 66%);
}

.title {
    font-size: 100px;
    font-weight: bold;
    color: rgba(224, 224, 200, 0.825);
    position: absolute;
    top: -50px;
}

.smoestext {
    width: 300px;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 100px;
}

#knopdoos {
    width: 400px;
    height: 100px;
    position: relative;
    top:200px;
}

button {
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    background-color: #474747;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: #474747 0.3s;
    margin-top: 10px;
    position: relative;
    left: 140px;
    box-shadow: 0 30px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

#outputDiv {
    position: relative;
    top: 160px;
}