*{
    box-sizing: border-box;
  }
  /* Roboto Regular */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/roboto-v47-latin-regular.woff2') format('woff2');
    font-display: swap;
  }

  /* Roboto Italic */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/roboto-v47-latin-italic.woff2') format('woff2');

    font-display: swap;
  }

  /* Roboto Bold */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/roboto-v47-latin-700.woff2') format('woff2');
    font-display: swap;
  }

  /* Roboto Bold Italic */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('/fonts/roboto-v47-latin-700italic.woff2') format('woff2');
    font-display: swap;
  }

  /* Bold */
  strong,
  .bold {
    font-weight: 700;
  }

  /* Bold Italic */
  .bold.italic {
    font-weight: 700;
    font-style: italic;
  }

  button {
    min-width: 45px;
    min-height: 45px;
  }

  /* Headings (assuming h1–h3 use bold) */
  h1, h2, h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
  }

  h1{
    font-size:3.5rem;
  }

  h2{
    font-size:2.75rem;
  }

  h3{
    font-size:1.75rem;
  }

  :root {
    --color-primary: #072E89;
    --color-primary-light: #3c599d;
    --color-secondary: #bbdeff;
    --color-secondary-dark:#72b7f7;
    --color-accent: #FF7E6B;      
    --color-background: #ffffff;
    --color-text: black;
    --color-hover1: #001e66;
    --color-hover2: #59a6f5;
    font-family: "Roboto", sans-serif;
  }



  body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: var(--color-background);
    color: var(--color-text);
    font-family: "Roboto", sans-serif;
    font-size: 1.2rem;
    padding-top: 4.4rem;
    padding-bottom:0;
    margin: 0;
  }


  main{
    flex:1;
  }


  .Heading{
    color: var(--color-primary);
    
  }

  .center-heading{
    text-align: center;
    margin: 0 auto;
    font-size: 4em;
  }

  h2{
    color:var(--color-primary);
  }

  h3{
    color:var(--color-primary);
  }

  li::marker{
    color:var(--color-primary-light);
  }

  .logo{
    height:5rem;
  }

  footer{
    background-color: var(--color-primary);
    color: var(--color-background);
    padding: 1rem;
    text-align: center;
    bottom: 0;
    width: 100%;
    margin-top: 5rem;
  }