:root {
  --md-primary-fg-color: #11274E;
  --md-primary-fg-color--light: #A6B8D7;
  --md-primary-fg-color--dark: #11274E;
  --md-accent-fg-color: #F3B620;
  --md-typeset-a-color: #1266f1;
}

.button1 {
  background-color: #11274E;
  color: white;
}

.button1:hover {
  background-color: #214E9B;
  color: white;
}

.button2 {
  background-color: white;
  color: #11247E;
}

.button2:hover {
  background-color: #F3B620;
  color: #11247E;
}

.card1 {
  border: 1px solid #707070;
  box-shadow: 0px 3px 6px #888888
}

.card2 {
  box-shadow: 0px 3px 6px #888888
}

a:link {
  color: #1266f1;
}

< !-- Font Awesome --><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
rel="stylesheet"
/>< !-- Google Fonts --><link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
rel="stylesheet"
/>< !-- MDB --><link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.0.0/mdb.min.css"
rel="stylesheet"
/>< !-- MDB --><script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.0.0/mdb.min.js"
></script>< !-- plausible analytics --><script defer data-domain="docs.reportlab.com"
src="https://plausible.io/js/script.js"
></script>