@media only screen and (max-width: 900px) {
    #centerArea {
        width: 80%;
    }

    .infoArea {
        display: none;
    }

    #extraInfoArea {
        display: flex;
        justify-content: start;
        align-items: center;
        flex-direction: column;
        height: 90px;
        width: 200px;
        position: absolute;
        bottom: -30px;
        background: linear-gradient(rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
        border-color: rgba(255, 255, 255, 0.1);
        border-style: solid;
        border-width: 1px 1px 0px 1px;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 15px 15px 0px 0px;
        cursor: pointer;

        transition: all 0.3s ease;
    }

    #extraInfoArea:hover {
        bottom: -10px;
    }




}