body {
    background-color:#000000;
    color: #ffffff;
    text-align: center;
    border: 5px double #d90368;
    display:grid;
    grid-template-columns:15% 70%;
    padding: 14%;
    gap: 20px;
}
    

header {
    border: 3px dotted #d90368;
    border-radius: 20px;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    background-image: url("/Images/Backgrounds/MainPageBackground.gif");
    font-family: Early_Gameboy;
}

h1 {
    font-size: 50px;
}

section {
    border: 3px dotted #d90368;
    border-radius: 30px;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    padding: 30px;
    background-image: url("/Images/Backgrounds/MainPageBackground.gif");
    font-family: PixelOperator;
}

button {
    font-size: 25px;
    background-color:#000000;
    color:#ffffff;
    border: 5px double #d90368;
    font-family: Early_Gameboy;
}

button:hover {
    color:#ffffff;
    border: 5px solid #d90368;
}

p {
    font-size: 50px;
}

@font-face {
  font-family: "PixelOperator";
  src:
  local("PixelOperator"),
  url("/Fonts/PixelOperator.ttf"), 
  format("ttf");
}

@font-face {
  font-family: "Early_Gameboy";
  src:
  local("Early_Gameboy"),
  url("/Fonts/Early_GameBoy.ttf"), 
  format("ttf");
}