body {
    font-family: "helvetica", sans-serif;
    text-align: center;
}

.container {
    margin-top: 30px;
}

.row {
    margin-top: 20px;
}

.taal {
    font-size: 3vw;   
}

.left {
    font-weight: bold;
}

.extra {
    display: inline-block;
    width: 30%;
    text-align: center;
    vertical-align:middle;
}

h1 {
    font-size: 5vw;
}

@media (orientation: landscape) {
    .left {
        display: inline-block;
        width: 30%;
        text-align: right;       
    }
    .right {
        display: inline-block;
        width: 60%;
        text-align: left;
    }
}
  
@media (orientation: portrait) {
    .taal {
        display: block;
        margin-left: 20px;
        margin-right: 20px;
    }
    .find {
        display: inline-block;
        width: 60%;
    }
}

#doelwoord {
    visibility: hidden;
}

.find {
    background-color: rgb(241, 234, 191);
}

.logo {
    height: 80px;
}

#show, #next {
    background-color: #f3b50a;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
  }