*{
    margin: 0;
    padding: 0;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 100px;
    /* bottom = footer height */
}

.main{
    max-width: 1280px;
    min-height: 100%;
    margin: 0 auto;
    position: relative;
}

.logo-nav {
    transition: transform 0.5s;
}

.logo-nav:hover {
    transform: scale(1.5, 1.5);
}

.message {
    max-width: 98%;
    margin: 1%;
    text-align: center;
    font-size: 150%;
}

.nav-pseudo:hover {
    cursor: default;
}

.forum-category {
    margin: 1%;

    transition: box-shadow 0.1s;
}

.forum-category:hover {
    box-shadow: 3px 4px grey;
    transform: translateY(1px);
}

.title {
    text-align: center;
}

.subtitle {
    font-style: italic;
    color: grey;
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 75px;
    width: 100%;
    overflow:hidden;
    display: grid;
    font-size: 1.2rem;
}

.profile {
    padding-bottom: 500px;
}

.edit-avatar {
    margin-top: 2px;
}

.subjects {
    margin-left: 75px;
    margin-top: 10px;
}

.subject {
    animation: sub-jump 1.5s paused infinite;
    transition: box-shadow 0.2s;
}

.subject:hover {
    animation-play-state: running;
    box-shadow: black 2px 1px;
}

@keyframes sub-jump {
    0% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-5px);
    }

    50% {
        transform: translateY(-2px);
    }

    70% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0);
    }
}

.bg-msg {
    background-color: #dedede;
}

.subject-msg {
    border-left: solid black 1px;
}

.tox:not([dir=rtl]) {
    border-color: black;
}