/* Place your CSS styles in this file */

/**/
/**/
/**/
/**/
/**/
body {
  background-color: rgba(26, 233, 199, 0.093);
}

p{
  color:#34425C;
  font-size: 14px;
  font-family: FaunaOne, Verdana, sans-serif;
}
/**/
/**/
/**/
/*Banner Image Text Stuff*/
.banner-container {
    position: relative;
    text-align: center;
    color: white;
  }
  /* Bottom right text */
.banner-top-left {
  position: absolute;
  top: 50px;
  left: 50px;
  padding: 5px;
}
  /* Bottom right text */
.banner-bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
  background-color:rgba(255, 255, 255, 0.5);
  padding: 5px;
}
/* Centered text on banner image */
.banner-title {
  float:center;
  width:100%;
  object-fit:cover;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 7vw;
  text-shadow: 1px 1px 2px black, 2px 2px 5px black;
}
.banner-subtitle {
  float:center;
  width:100%;
  object-fit:cover;
  position: absolute;
  top: 82%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
  text-shadow: 1px 1px 2px black, 2px 2px 3px #000000;
}

.leftcol {
  float:left;
  width: 35%;
}

.rightcol {
  float:right;
  width: 65%;
}

@media screen and (max-width: 800px) {
  .leftcol, .rightcol {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

/*Section formatting*/
.blurbcontainer, .educontainer {
  background-color:white;
  padding: 10px;
  margin: 10px;
}
.skillcontainer {
  background-color:white;
  padding: 10px;
  margin: 10px;
  bottom:10px;
  left:16px;
}
.expcontainer, .cvcontainer {
  background-color:white;
  padding: 10px;
  margin: 10px 3px 10px 10px;
}
.containertitle {
  color: #2a3d61;
  font-size: 24px;
  width: 100%
  text-align:center;
  text-decoration: underline;
  font-family: Cinzel, Verdana, sans-serif;
}

/*Entry formatting*/
.entrytitle {
  color: #1a253b;
  font-size: 18px;
  font-family: Cinzel, Verdana, sans-serif;
}
.ecom {
  color:#34425C;
  font-size: 14px;
  font-family: FaunaOne, Verdana, sans-serif;
}
.eloc {
  color: #34425C;
  font-size: 14px;
  font-style:italic;
  font-family: FaunaOne, Verdana, sans-serif;
}
.edat {
  color:#4A4F5B;
  font-size: 11px;
  font-family: FaunaOne, Verdana, sans-serif;
}
.edsc {
  color:#2a3d61;
  font-size: 12px;
  font-family: FaunaOne, Verdana, sans-serif;
}
/**/
/**/
/**/
/*Link */
a:link, a:visited {
  color: #424242;
  background-color: transparent;
  text-decoration: none;
}
a:hover, a:active {
  color: rgba(26, 233, 199, 0.293);
  background-color: transparent;
  text-decoration: none;
}

/**/
/**/
/**/
.skillbar_bg{
  background-color:#E9FCF9!important;
  border-radius:16px;
  border: .5px solid lightgrey;
}

.skillbar_fill{
  padding:0.01em 16px;
  display:inline-block;
  width:auto;
  color:#fff!important;
  background-color:#2a3d61!important;
  border-radius:16px;
  text-align:center!important;
}

.skillbar_text{
	display:inline-block;
	width:auto;
  color:#fff!important;
  text-align:center!important;
}