body {
     line-height: 1.45;
     font-size: clamp(1.25rem, 1.25em + 1vw, 2rem);
     color: #505050;
     display: grid;
     place-items: center;
}

a {
  text-decoration: none;
}

.main {
  margin: 0 clamp(0px, 5vw, 800px);
}

.links {
 margin: 15px 0;
}

.sep {
  margin-right : 1em;
  display: inline-block;
}

.info {
  display: block;
}

@font-face {
    font-family: 'Charter';
    src: url('fonts/charter_bold_italic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Charter';
    src: url('fonts/charter_bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Charter';
    src: url('fonts/charter_italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Charter';
    src: url('fonts/charter_regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}