* {
    padding:0;
    margin:0;
}

.container {
    height:100vh;
    display: flex;
}

section {
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex:1;
    transition: all .5s;
}

section:hover {
    flex:2;
}

@font-face {
    font-family: "summer";
    src: url('assets/Summerbee-vmgjD.ttf') format('truetype')
}

section h1 {
    color:white;
    padding: 12px 32px;
    font-family: sans-serif;
    font-size: 65px;
    font-weight: lighter;
}

a {
    text-decoration: none;
}

.child {
    font-family: summer sans-serif;
}

.kinder {
    background:url('assets/kinder.jpg') #343434;
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
}

.kinder:hover {
    background:url('assets/kinder.jpg') #c2c2c2;
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
}

.academy{
    background:url('assets/academy.jpg') #333333;
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
}

.academy:hover {
    background:url('assets/academy.jpg') #aeaeae;
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
}