@font-face {
  font-family: 'ben';
  src: url('/public/font/ben.OTF');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'ben';
  /* background-color: #f8f8f8; */
}
:root {
  --main-back: #004aad; /* Default background color */
  --main-front: #9d4e4e; /* Active/hover color */
}
.middle-bar {
  width: 100%;
  background-color: var(--main-back);
  position: fixed;
  top: calc(4rem + 14px); /* Adjusts based on navbar height */
  left: 0;
  z-index: 19;
}
main{
  margin-top: 7rem;
  margin-bottom: 6rem;
}
h2{
  color: #004aad;
}
a:hover{
  color: #9d4e4e;
}