@font-face {
  font-family: Agency FB;
  src: url(../fonts/AgencyFB-Bold/AgencyFB-Bold.ttf);
}

@font-face {
  font-family: Marquee;
  src: url(../fonts/marquee-moon/marquee\ moon.ttf);
}

@font-face {
  font-family: Nova;
  src: url(../fonts/Nova_Mono/NovaMono-Regular.ttf);
}

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

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

@font-face {
  font-family: Major;
  src: url(../fonts/Major_Mono_Display/MajorMonoDisplay-Regular.ttf);
}

:root {
  --cream: #fff4e3;
  --blue: #08415c;
  --yellow: #efcb68;
  --pink: #d64550;
  --pink1: #b33843;

  --chosenFont: Major;
  --pragraphFont: Nova;
}

body {
  height: 100vh;
}

.aboutPage {
  background-color: var(--cream);
}
/* 
.aboutMe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
} */

#aboutMeId h1 {
  font-family: var(--chosenFont);
}

.aboutMePhoto img {
  width: 100%;
  border-radius: 50%;
}

.aboutMe p {
  font-family: var(--pragraphFont);
}

.aboutMeParagraph {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-size: 150%;
  width: 80%;
}