/* fonts */

@font-face {
    font-family: CeraCY;
    src: url(fonts/CeraCY-Regular.otf);
    }

@font-face {
    font-family: CeraCY;
    src: url(fonts/CeraCY-Bold.otf);
    font-weight: bold;
 }

 @font-face {
    font-family: CeraCY;
    src: url(fonts/CeraCY-Italic.otf);
    font-weight: italic;
 }

 @font-face {
  font-family: CeraCY;
  src: url(fonts/CeraCY-Medium.otf);
  font-weight: medium;
 }
  

  * {
    font-family: CeraCY;
 }
  
  /* light and dark modes */
  
  body {
    color: black;
    background-color: white;
  
  }
  
  @media (prefers-color-scheme: dark) {
    body {
      color: white;
      background-color: black;
    }
  }

/* grid code */

  .container {  display: grid;
    grid-template-columns: 0.8fr 1.9fr 0.8fr;
    grid-template-rows: 0.35fr 1.3fr 1.0fr;
    height: 100vh;
    gap: 5px 0px;
    /*grid-auto-flow: row; */
    justify-content: center; 
    align-content: start;
    grid-template-areas:
      "top top top"
      ". gridcenter ."
      "bottom bottom bottom";
  }
  
  .top { grid-area: top; }
  
  .gridcenter { grid-area: gridcenter; }
  
  .bottom { grid-area: bottom; }
  


/* center code */
.center {
  text-align: center;
}