.footer {
    transition: 1s;
    /* display: flex;
    justify-content: center; */
    text-align: center;
    color: #f0f0f0;
    width: 100%;
    background-color: #282c34;
    position: fixed;
    bottom: 0;
    z-index: 4;
    height: 30px;
}

.footer:hover {
    transition: 1s;
    height: 300px;
}

.footer-text {
   font-size: large;
}

.footer-block {
    padding : 5px 0
}