.navbar {
    position: fixed;
    top: 90%;
    left: 0;
    width: 100%;
    height: 10%;
    background-color: lightblue;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.navbar-item {
    position: relative;
    text-align: center;
    top: 10%;
    left: 5%;
    float: left;
    width: 30%;
    height: 80%;
    transition: 200ms;
    border-radius: 100px;
}

.navbar-item:hover {
    background-color: blue;
}

.navbar-item img {
    position: relative;
    top: -20%;
    left: 0;
    height: 140%;
    transition: 100ms;
}

.navbar-item img:hover {
    top: -40%;
    height: 180%;
}

.navbar-item .logo {
    height: 200%;
    top: -60%;
    transition: 100ms;
}

.navbar-item .logo:hover {
    top: -140%;
    height: 250%;
}

.navbar-item a {
    text-decoration: none;
}