body {
    margin: 0;
    padding: 0;
}

.windowsplit {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    position: relative;
}

.splitup {
    display: block;
    background-color: black;
    background-image: url('/images/paw-prints.jpg');
    height: 40vh;
    position: relative;
}

.splitdown {
    display: block;
    background-color: red;
    height: 60vh;
    position: relative;
    overflow: hidden;
}

.bloemers {
    display: block;
    position: absolute;
    width: 400px;
    height: 50px;
    background-color: white;
    left: calc((100vw/2) - 205px);
    bottom: 0px;
    margin-bottom: -25px;
    text-align: center;
    z-index: 99;
    border-radius: 0.125rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
}

#bloemerstxt {
    display: inline-block;
    position: relative;
    fill: #927748;
    width: 380px;
    margin-top: 7px;
}

.subtitletxt {
    color: black;
    font-size: 40px;
}

.subtitle {
    display: block;
    position: relative;
    width: 260px;
    left: calc((100vw/2));
    margin-left:  -130px;
    top: 40px;
    align-content: center;
}

.taxlabel {
    position: absolute;
    width: 80px;
    height: 400px;
    background-image: url('/images/paw.png');
    background-repeat: no-repeat;
    background-size: contain;
    left: 5%;
    top: 45vh;
}

.detective {
    display: block;
    position: relative;
    width: calc(40vh - 10vh);
    top: calc((40vh / 2) - 15vh);
    left: calc((100vw/2) - 15vh);
}

#path5142:hover {
    animation: shine 3s infinite;
}

#header-shape-gradient {
    --color-stop: #b9914a;
    --color-start: #614a24;
  }

#path5142 {
    fill: #927748;
    stroke: white;
    stroke-width: 5px;
}

@keyframes shine {
    0% { fill: #927748;}
    50% {fill: #614a24;}
    100% { fill: #927748; }
  }