.header {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.header_logo {
    width:30%;
    margin-left: 35%;
    margin-right: 35%;
}
.header_title {
    font-size: 2.5vw;
    text-align: center;
    color: white;
    width: auto;
    height: auto;
    margin-top: 15px;
    transition: font-size 0.5s ease-in, text-shadow 1s ease-in;
}
.header_title:hover {
    font-size: 3vw;
    text-shadow: 0px 0px 20px #ffffff;
}
.page {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}
.navigation {
    margin-top: 50px;
    margin-right: 20%;
    margin-left: 20%;
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: stretch;
}
.button {
    width: 100%;
    background: linear-gradient(45deg, #d1c3fc, #9bc4fc);
    border-radius: 10%;
    margin-top: 5%;
    transition: border-radius 0.5s ease-in, box-shadow 1s ease-in;
}
.button:hover {
    border-radius: 15%;
    box-shadow: 0px 0px 30px #ffffff;
}
.button_block {
    width: 35%;
}