@font-face {
    font-family: 'playfairdisplay'; /* Choose a name for your font family */
    src: url('/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('ttf');
    font-weight: normal; /* Specify the font weight */
    font-style: normal;  /* Specify the font style */
    font-display: swap; /* Recommended for better perceived performance */
}
/* h1,h2,h3 {
    font-family: playfairdisplay, sans-serif;
}  */


body {
      margin: 10; 
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
    }

h1 {
    font-size: 2.5rem;
}

.mainTitle{
    color: #1976D2; 
    text-align: center;
}
.centerFlex {      
    padding: 10px; 
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
}
.box{
    background-color: #ffffff;
    border: solid;
    border-radius: 10px;
    border-color: black;  
}