.title{
    margin-bottom: 50px;
    img{width: 80%}
}

.arr{
    margin-top: 50px;
    margin-bottom: 50px;
    img{width: 80%}
}

.container{
    display: flex;
    justify-content: center;
}

.nav{
        margin-top: 50px;
        img{width: 50%}
}

a.divable {
    display: block;
    height: 100%;
    width: 100%;
}

.leftarr {
    width: 400px;
    height: 170px;
    background-image: url("img/arrow-left.png");
    background-size: cover;
}
.leftarr:hover {
    background-image: url("img/arrow-left-invert.png");
}

.rightarr {
    width: 400px;
    height: 170px;
    background-image: url("img/arrow-right.png");
    background-size: cover;
}
.rightarr:hover {
    background-image: url("img/arrow-right-invert.png");
}

.elipse {
    width: 150px;
    height: 150px;
    background-image: url("img/button-elipse.png");
    background-size: cover;
}
.elipse:hover {
    background-image: url("img/button-elipse-invert.png");
}

.triangle {
    width: 150px;
    height: 150px;
    background-image: url("img/button-triangle.png");
    background-size: cover;
}
.triangle:hover {
    background-image: url("img/button-triangle-invert.png");
}

.sphere {
    width: 150px;
    height: 150px;
    background-image: url("img/button-sphere.png");
    background-size: cover;
}
.sphere:hover {
    background-image: url("img/button-sphere-invert.png");
}

.oval {
    width: 150px;
    height: 150px;
    background-image: url("img/button-oval.png");
    background-size: cover;
}
.oval:hover {
    background-image: url("img/button-oval-invert.png");
}

.hex {
    width: 150px;
    height: 150px;
    background-image: url("img/button-hex.png");
    background-size: cover;
}
.hex:hover {
    background-image: url("img/button-hex-invert.png");
}

.star {
    width: 150px;
    height: 150px;
    background-image: url("img/button-star.png");
    background-size: cover;
}
.star:hover {
    background-image: url("img/button-star-invert.png");
}

.hexhole {
    width: 150px;
    height: 150px;
    background-image: url("img/button-hexhole.png");
    background-size: cover;
}
.hexhole:hover {
    background-image: url("img/button-hexhole-invert.png");
}

.starspin {
    width: 150px;
    height: 150px;
    background-image: url("img/button-starspin.gif");
    background-size: cover;
}
.starspin:hover {
    background-image: url("img/button-starspin-invert.gif");
}

.egg {
    width: 150px;
    height: 150px;
    background-image: url("img/button-egg.png");
    background-size: cover;
}
.egg:hover {
    background-image: url("img/button-egg-open.png");
}