body {
    font-family:Tahoma, HelveticaNeue, 'Helvetica Neue', Helvetica, Arial;
    color:#fff;
    display:flex;
    flex-direction: column;
    justify-items:center;
    margin-bottom: 8px;
    align-items: center;
    justify-content: flex-end;
    height: 100vh;
    margin:0;
    padding:0;
    font-size:16px;
    line-height:21px;
    align-items: center;
    text-align: center;
    gap: 40px;
}
.txt {
    text-shadow: 0 0 3px #2f2a2a;
}
.hidden{display:none}
.logo{
    width: 44%;
}
.content {
    max-width:1050px;
    padding: 0 15px;
    width:100%;
    margin: 0 20px 4%;
}
.flags {
    position:fixed;
    right:18px;
    top:25px;
    display:flex;
    gap:8px;
}
.flags img {
    border-radius: 5px;
}
.efteling {
    position: absolute;
    left: 5%;
    top: 50%;
    translate: 0 -50%;
    width: 18%;
}
.button {
    display:inline-block;
    text-decoration:none;
    padding:10px 20px;
    color:#454039;
    border-radius: 5px;
    background: linear-gradient(23deg, rgba(250,240,148,1) 0%, rgba(173,160,90,1) 100%);
}
.buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
}
@media(max-width:1024px) {
    .efteling {
        bottom:5%;
        top:auto
    }
}
@media(max-width:720px) {
    body {
        display: block;
        overflow: auto;
        padding-top: 50px;
        height: calc(100dvh - 50px);
    }
    .logo{
        width: 80%;
    }
    .content {
        margin-top: 30px;
        width: calc(100% - 80px);
    }
    .efteling {
        width: 30%;
    }
}
@media(min-width:720px) {
    .content{max-height:40vh;overflow-y:auto;padding-right: 10px;}
    .content::-webkit-scrollbar{width:8px;background:#46413b}
    ::-webkit-scrollbar-thumb{background:#ac955f}
    .content:hover::-webkit-scrollbar-thumb{background:#d0ad59}
    .content::selection{color:#fff;background:var(--color-primary)}
}