.pageButtons:hover {
    position:relative;
    transition:0.3s;
    width:calc(14em + 10px);
    clip-path: polygon(100% 0, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
}
.contentDiv > * {
    font-family: BodyText;
    font-size:18px;
    text-align:center;
}
.contentDiv > * > h2 {
    font-size:min(max(20px, 3vmin), 28px);
    font-weight: bold;
}
.contentDiv {
    margin-top:120px;
    position: inherit;
    align-self:center;
}

#btnreturn {

}
#btnreturn:hover {
    text-align:center;
}

.sideButtons {
    padding-block-start:calc(calc(77vh - 15em) / 8);
    justify-content:start;
}

/*
responsiivisuus
*/

@media only screen and (max-width:700px) {
    .pageButtons:hover {
        position:relative;
        transition:0.3s;
        width:4em;
        height:12em;
        clip-path: polygon(100% 0, 100% 100%, 50% 90%, 0 100%, 0% 0%);
    }
    .pageButtons {
        width:4em;
        height:10em;
        align-content:center;
        text-align:center;
        border-right-width:0;
        border-top-width:1em;
        clip-path: polygon(100% 0, 100% 100%, 50% 90%, 0 100%, 0% 0%);
    }

    .contentDiv {
        margin-top:30px;
    }

    .sideButtons {
        padding-inline-start:calc(calc(77vw - 12em) / 8);
        padding-block-start:0;
        justify-content:start;
    }
    
}
@media only screen and (min-width:701px) and (max-width: 1260px) {

}
@media only screen and (min-width:1261px) {
    
}