/* master.css */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


:root {
    --grey: #333D43;
    --light-grey: #95A3A4;
    --blue: #0F2859;
    --light-blue: #B7D1DA;
    --beige: #E2E8DD;
    --coral: #FF6B5A;       /* Vibrant red-orange for energy */
    --mustard: #FFC857;     /* Warm, golden-yellow pop */
    --lime: #BFFF00;       /* Bright green for freshness */
    --green: #3BAE4A; /* Medium-bright green, works on light and dark backgrounds */
    --purple: #2D0844; /* Deep purple for creativity */
    --m-blue: #0064cf;
    --red: #d32f2f;
    --yellow: #fbc02d;
    --orange: #f57c00;
    --teal: #00796b;
    --sweetpurple: rgb(236, 207, 255);
}

h1, h2, h3, h4, h5, h6 {
    color:var(--blue);
}


.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold, h1 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}


/* Set a clean, modern font and base styles */
html, body {
    height: 100%;
    margin: 10px;
    padding: 0;
    font-family: 'Segoe UI', 'Roboto', 'Arial', sans-serif;
    background: white;
    color: #222;
    font-size: 16px;
    line-height: 1.6;
}

/* Links */
a {
    color: #1565c0;
    text-decoration: none;
    transition: color 0.2s;
}
a:hover {
    color: #0d47a1;
    text-decoration: underline;
}

.btn {
  text-decoration: none!important;
}

.flex-aligned {
    display: flex;
    align-items: center;
}