/* Variables */
/* Global */
html {
  position: relative;
  min-height: 100%;
}

body {
  background-color: #f4f4f4;
  margin-bottom: 60px;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

@media screen and (max-width: 768px) {
  .small-invs {
    display: none;
  }
}
::selection {
  background: #34495e;
  color: white;
}

/* Header */
header {
  border-bottom: 3px solid #d20117;
}
header #brand {
  font-size: 30px;
}

/* Showcase */
#showcase {
  /* Backdrop and Text Proporties */
  min-height: 400px;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/showcase.jpeg) no-repeat;
  background-size: cover;
  overflow: hidden;
  text-align: center;
  color: #ffffff;
  /* Center content in showcase */
  display: flex;
  justify-content: center;
  align-items: center;
}
#showcase #title-container {
  width: 70%;
}
#showcase h1 {
  padding: 5%;
}
#showcase p {
  font-size: 20px;
}

/* INDEX: Overview of Mathematicians */
#subjects {
  margin: 20px;
  text-align: center;
  align-items: center;
}
#subjects img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: 10px;
}
#subjects p {
  margin: 10px;
}

/* Footer */
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  /* Set the fixed height of the footer here */
  line-height: 60px;
  /* Vertically center the text there */
  background-color: #cccbcb;
  text-align: center;
}
footer .container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-5-29 0:6:16
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation roll-in-left
 * ----------------------------------------
 */
@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
/* Animations */
.roll-in-left {
  -webkit-animation: roll-in-left 0.6s ease-out both;
  animation: roll-in-left 0.6s ease-out both;
}

/* 404 Template */
.error-template {
  padding: 40px 15px;
  text-align: center;
}

.error-actions {
  margin-top: 15px;
  margin-bottom: 15px;
}

.error-actions .btn {
  margin-right: 10px;
}

/* Tables */
[data-href] {
  cursor: pointer;
}

thead {
  cursor: pointer;
}

/*# sourceMappingURL=style.css.map */