body {
    font-family: 'Fira Code', sans-serif;
    background-image: linear-gradient(45deg, rgb(200, 200, 200), rgb(255, 255, 255));
}

pre {
    border: 2px solid black;
    padding: 4px;
}

blockquote {
    background-color: rgb(180, 180, 180);
    border-left: 4px solid grey;
    padding: 6px;
}

.rounded-img {
    border-radius: 50%;
}

.a-tag-remove-decoration {
    text-decoration: none;
}

#msg-hide {
    -moz-animation: hide-animation 0s ease-in 5s forwards; /* Firefox */
    -webkit-animation: hide-animation 0s ease-in 5s forwards; /* Safari and Chrome */
    -o-animation: hide-animation 0s ease-in 5s forwards; /* Opera */
    animation: hide-animation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes hide-animation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes hide-animation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}