html {
    scroll-behavior: smooth;
}


body,header,footer,main{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
}

main{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 70px;
    margin-bottom: 70px;
}

@font-face {
  font-family: 'BankGothicBT';
  src: url('/assets/fonts/BankGothicBT-Light.ttf') format('truetype');
}


h1 {
  color: var(--main);
  font-size: clamp(2rem, 5vw, 2rem);
  margin: 0;
  font-family: 'BankGothicBT', sans-serif;
  font-weight: 300;
  text-align: start;
}

h2 {
  color: var(--main);
  font-size: clamp(1.5rem, 4vw, 1.8rem);
  margin: 0;
  font-family: 'BankGothicBT', sans-serif;
  font-weight: 300;
  text-align: start;
}


li,p {
    line-height: 1.5;
    font-size: clamp(1rem, 1.2vw + 0.5rem, 1.15rem);
    text-align: justify;
}

:root {
  --main: #de2424;
  --background1: #f1f1f1;
  --background2: #f9f9f9;
}