/* 
  This affects all templates. 
  Only update this css file if intending to apply universal styling to all templates
 */


body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

a{
text-decoration: none;
}

 .page-links {
  color: black;
  font-size: 20px;
  padding-right: 5%;
  text-decoration: none;
 }

 /*.wrapper {
  width: 100%;
  height: 50%;
 }
*/

#header {
  background-size: cover;
  background-color: #bcdbe7;
}

.typewriter-image {
  width: 200px;
  height: 30%;
}

.typewriter-image-small {
  width: 70px;
  height: 25%;
  display: inline-block;
}

.navigation-links {
  margin-bottom: 300px;
}

.drk-md-align {
  margin-left: 50px;
}

.lnk-align {
  margin-right: 50px;
}

.web-title {
  margin-top: 10px;
  font-family: "Alegreya", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  margin-left: 20px;
  font-size: 48px;
}

.img-and-title{
  margin-top: 50px;
  margin-bottom: 25px;
}

#image-container {
  display: flex;
}

h3 {
  font-size: 19px;
}

#shrink-navbar {
  height: 100px;
}

\F5D5 {
  width: 20px;
  height: 10px;
}

.footer-postition-adjustment {
  flex-grow: 1;
}


/* Some slight dark mode changes that bootsrap didn't touch */

.bg-nav-color {
  background-color:rgb(53, 78, 99); 
}

.bg-footer-color {
  background-color: rgb(29, 40, 51);
}
/*
.bg-footer-color {
  background-color: #262a2d;
}*/