:root {
  --bg-color:#222;
  --text:#282828;
}

@font-face {
  font-family: "GrenzeGotisch";
  src: url(/fonts/GrenzeGotisch-VariableFont_wght.ttf) format('TrueType');
  /* You can include font-weight and font-style if your variable font has specific defaults or variations */
}
@font-face {
  font-family: "Estonia";
  src: url(/fonts/Estonia-Regular.ttf) format('TrueType');
}

#container { 
  width:100vw;
  padding:50px 0px; 
  margin:0px; 
  position:fixed; 
  top:0; 
  left:300px;
}

.grid-container {
  display: grid;
  gap: 10px;
 margin-left: 150px;
  margin-top:150px;
  text-align: center;
  grid-template-columns: auto auto auto;
  margin-right:500px;
}

.item3 {
  grid-row-start: span 2;
}

h1 {
  font-family: 'GrenzeGotisch', serif;
  color:var(--text);
  font-size: 55px;
}

h3 {
  font-family: 'Estonia', Sans-Serif;
  color:var(--text);
  font-size: 50px;
}