body {
    background-color: #fe8b00ff;
}

canvas.canvas_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

a, p, h1, h2, h3, li {
    color: white;
}

main, header, div.navbar_main {
    align-items: center;
}

main, header, div.navbar_main, aside {
    display: flex;
    flex-flow: column;
    margin: auto;
    background-color: #666666dd;
}

div.navbar_parent {
    padding: 0.2rem;
}

div.main_parent {
    padding: 0 !important;
}

main, aside {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

main {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    main {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    div.main_parent {
        padding: 0 0.8rem 0 0 !important;
    }
}

main, header, aside {
    margin-top: 0.8rem;
}

.icon-text {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.icon-text > :first-child {
    margin-right: 0.3rem;
    width: 32px;
    height: 32px;
}