body {
    align-items: center;
    display: flex;
    flex-direction: column;
    font: 16px Arial, sans-serif;
    justify-content: center;
    margin: 0;
    min-height: 100vh;
    max-width: 100%;
}

header {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
}

header .logo {
    color: #54406e;
    font: 5rem 'Indie Flower', cursive;
    margin: 0;
}

header .motto {
    color: #888;
    font: bold 2rem 'Indie Flower', Arial, sans-serif;
}

.main-nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.main-nav a {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: column;
    margin: 10px;
    padding: 10px;
    text-decoration: none;
}

.main-nav a i {
    margin-bottom: 10px;
}

.no-link {
    text-decoration: line-through;
}

.blog-icon {
    color: #ff8800;
}

.github-icon {
    color: #000;
}

.linkedin-icon {
    color: #0077b5;
}

.minds-icon {
    height: 2em;
    margin-bottom: 10px;
}

.patreon-icon {
    color: #f96854;
}

.subscribestar-icon {
    height: 2em;
    margin-bottom: 10px;
}

.twitter-icon {
    color: #55acee;
}

.youtube-icon {
    color: #ff0000;
}

.disabled,
.disabled * {
    color: #bbb !important;
}

@media (max-width: 575.98px) {
    body {
        min-height: initial;
    }

    header .logo {
        font: 4rem 'Indie Flower', cursive;
        margin: 0;
    }
}

/* @media (max-width: 767.98px) {

}

@media (max-width: 991.98px) {
    
}

@media (max-width: 1199.98px) {

} */