* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {
    visibility: hidden;
}


@font-face {
  font-family: 'Imbue';
  src: url('./fonts/Imbue.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'InstrumentSerif';
  src: url('./fonts/InstrumentSerif-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'things';
  src: url('./fonts/things.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'PlayfairDisplay';
  src: url('./fonts/PlayfairDisplay.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'WindsorElongated';
  src: url('./fonts/WindsorElongated.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



body {
    font-family: 'InstrumentSerif', serif;
    background-color: #d2f1bd;
    color: #068306;
    padding: 20px 20px;
    
}