/* Prevent FOUC (Flash of Unstyled Content) */
body {
    opacity: 0;
    transition: opacity 0.2s ease-in;
}

body.loaded {
    opacity: 1;
}

/* Typography, colors, containers */
body {
    background-color: #f5f7fa;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

h1,
h2,
h3,
h4 {
    color: #212529;
}

h2 {
    font-weight: 600;
}

.container {
    max-width: 1200px;
}

canvas {
    max-height: 300px;
}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6 {
    color: #fff !important;
}