@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Newsreader:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap');

/* layout */
body {
  background-color: #FFFCF8;
  font-size:1.2rem
}

.fp-tableCell {
  vertical-align: baseline;
  padding-top:4vh
}

/* navbar */
#navigation {
  z-index: 1000;
  padding-left:0;
  background-color: #FFFCF8
}

.navbar-nav .nav-item .nav-link {
  color: black;
}

.navbar-nav .nav-item .nav-link:hover {
  color: #0d6efd;
}

/* landing page */
.display-5 {
  font-family: Helvetica;
  line-height: 130%;
}

/* about me  */
.intro p {
  font-family: 'Fira Sans', sans-serif;
  font-size: 110%;
}

/* projects */
.col {
  padding-top:2vh;
}

.card {
  border:none;
  background-color: #FFFCF8;
}

.card-title {
  font-family: 'Newsreader', sans-serif;
  font-size: 130%;
}

.card-text {
  font-family: 'Fira Sans', sans-serif;
}


.card-text span {
  color: #7f7f7f;
  font-size: 90%
}

.card a, .resume {
  text-decoration: none;
  color:black;
  font-family: 'Amatic SC', cursive;
  font-size: 150%;
}

.resume {
  font-size: 180%
}

.card a:hover, .resume:hover {
  text-decoration: line-through;
  color:black;
}

/* contact */

.contact > p.display-6 {
  padding-bottom: 4vh;
  padding-left: 2vw;
}

.contact > p.display-6 > a {
  font-family: 'Oswald', sans-serif;
  color: black;
  text-decoration: none;
}

.contact > p.display-6 > a:hover {
  font-size:120%;
  color: #0d6efd
}