.chat {
    position: fixed;
    border-radius: 20px 20px 20px 0px;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 45px;
    background-color: green;
    color: white;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 10px;
    animation-name: ChatMe;
    animation-duration: 18s;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-delay: 2s;
}
@media only screen and (max-device-width: 768px) {
    img.profile img {
        scale: 2;
        margin: 10px 20px;
    }
}
@keyframes ChatMe {
    0% {
        width: 45px;
        height: 45px;
        background-color: green;
    }

    10% {
        width: 125px;
        height: 45px;
        background-color: green;
    }

    20% {
        width: 125px;
        height: 45px;
        background-color: green;
    }

    30% {
        width: 125px;
        height: 45px;
        background-color: green;
    }

    40% {
        width: 125px;
        height: 45px;
        background-color: green;
    }

    50% {
        width: 125px;
        height: 45px;
        background-color: green;
    }

    60% {
        width: 45px;
        height: 45px;
        background-color: green;
    }

    70% {
        width: 45px;
        height: 45px;
        background-color: green;
    }

    80% {
        width: 45px;
        height: 45px;
        background-color: green;
    }

    90% {
        width: 45px;
        height: 45px;
        background-color: green;
    }

    100% {
        width: 45px;
        height: 45px;
        background-color: green;
    }

}
.to-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 45px;
    color: #888;
    background-color: #abcdef;
    font-size: 29px;
    text-align: center;
    margin-bottom: 70px;
    margin-right: 10px;
    border-radius: 10px;
    opacity: 0.5;
}

.to-nav:hover {
    opacity: 1;
}

.anm {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 45px;
    color: white;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 45px;
    animation-name: txt-konsul;
    animation-duration: 18s;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-delay: 2s;
    z-index: 1;
    opacity: 0;
}

.main-header{
    background-color: aliceblue;
    position: relative;
}