/* 
Default colors and Font Styles:
Font Styles-
H1
H2
H3
H4
Subtitle
Small text

Color Theme-
Background - Mirabelle Yellow :#f2c083  ; 0. 21. 59 .5
Non-ess - Noble Fir : #5a736c ; 22. 0. 6. 55
Text - Black Stallion : #0b1e1a ; 65. 0. 13. 88
 */

/* Variable */
:root {
  --mainbground: #f2c083;
  --textc: #0b1e1a;
  --border1: #5a736c;
}
/* ----------------Common Styling */
body {
  background-color: var(--mainbground);
}

p {
  color: var(#0b1e1a);
  font-family: "Arimo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 430;
  font-size: 16px;
  font-style: normal;
}

h1.arimo-title {
  font-family: "Arimo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 670;
  font-style: normal;
  font-size: 6rem;
}

/* ---------------Flex or/and Grid */

.grid_container {
  display: grid;
  grid-template-columns: 2fr 2fr;
  grid-template-rows: auto auto auto;
  gap: 1rem;
}
/* footer styling */
.footer {
  /* this DOES center the div. purge the Cache if not working */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ---------------Media Queries */