html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

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

body {
  font-family: sans-serif;
  margin-bottom: 60px;
}

.maintenance {
    background: #ffeb3b;
}

.tree {
    background: #ff6347; /* Tomato (summer) */
}

.sky {
    background: #87ceeb; /* Sky Blue (spring) */
}

.daisy {
    background: #ffeb3b; /* Yellow (spring) */
}

.leaf {
    background: #228b22; /* Forest Green (summer) */
}

.sand {
    background: #f4a300; /* Sandy Brown (autumn) */
}

.sunflower {
    background: #ffcc00; /* Sunflower Yellow (spring) */
}

.moss {
    background: #8a9a5b; /* Moss Green (autumn) */
}

.candle {
    background: #f0e68c; /* Khaki (autumn) */
}

.forest {
    background: #228b22; /* Forest Green (summer) */
}

.vine {
    background: #32cd32; /* Lime Green (summer) */
}

.coral {
    background: #ff7f50; /* Coral (summer) */
}

.crimson {
    background: #dc143c; /* Crimson (autumn) */
}

.blossom {
    background: #ffb6c1; /* Light Pink (spring) */
}

.jade {
    background: #00a86b; /* Jade (spring) */
}

.peach {
    background: #ffcc99; /* Peach (summer) */
}

.plum {
    background: #8e4585; /* Plum (autumn) */
}

.maple {
    background: #b85c38; /* Maple Brown (autumn) */
}

.lavender {
    background: #e6e6fa; /* Lavender (spring) */
}

.apricot {
    background: #fbceb1; /* Apricot (spring) */
}

.hazel {
    background: #9e7e5f; /* Hazel (autumn) */
}