@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;
  --yellow1: #f2e46a;
  --gold: #f9e01e;
  --pink: #d64550;
  --pink1: #b33843;

  --chosenFont: Major;
}

body {
  height: 100vh;
}

.contactMePage {
  background-color: var(--cream);
}

/* ___________________________________________________________email */
#email {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#email img {
  cursor: pointer;
}

/* ___________________________________________________________---phone */
#phone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#phone img {
  cursor: pointer;
}

/* ___________________________________________________________linkedIn */
#linkedIn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#linkedIn img {
  cursor: pointer;
}

/* ___________________________________________________________github */
#gitHub {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#gitHub img {
  cursor: pointer;
}

/* ___________________________________________________________instagram */
#instagram {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#instagram img {
  cursor: pointer;
}