.master-container {
}

.card {
  padding: 10px;
  position: absolute;
  width: 300px;
  height: 300px;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  box-shadow: 0 0 8px gray;
}

.portrait {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.nameplate {
  text-align: center;
  font-size: 2.5em;
  font-family: 'Raleway', sans-serif;
  margin: auto;
}

.details {
  font-family: font-family: 'Muli', sans-serif;
  font-weight: 100;
}

.statement {
  text-align: center;
  color: gray;
  margin: auto;
}

.btn {
  background-color: white;
  /* font-family: font-family: 'Muli', sans-serif;*/
  font-family: 'Raleway', sans-serif;
  font-size: .75em;
  color: blue;
}

.button-panel {
  text-align: center;
  margin: auto;
}

.insetshadowed{
    color: rgba(192, 192, 192, 0.2);
    text-shadow: 0px 2px 2px #fff, 0 0 0 #000, 1px 4px 6px transparent;
}

.btn-text{
color: black;
text-align: center;
}

.btn-container {
    margin: auto;
    border-style: solid;
}

.contact-panel {
  /*
  font-family: font-family: 'Muli', sans-serif;
  */
  font-family: 'Raleway', sans-serif;
  font-weight: 100;
  font-size: .75em;
  text-align: center;
  color: black;
  margin-left: auto;
  margin-right: auto;
}

.contact-panel p {
  margin: auto;
}

.inset-darktext {
    color: rgba(75, 75, 75, 0.8);
    text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px transparent;
}

.inset-lighttext {
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px transparent;
}

.flaticon {
    color: black;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-size: 3em;
    margin:auto;
}

.interstitial:hover {
    cursor: default !important;
}