* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: sans-serif;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

body > nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}

body > nav a[href=".."] img {
    margin-bottom: -5px;
    transform: translateY(15px);
    transition: ease 0.5s transform;
}

body > nav a[href=".."]:hover img {
    transform: translateY(0);
}

body > nav a[href=".."]:active img {
    transform: translateY(10px);
    transition-duration: 0.2s;
}