/****************************************
Variables
****************************************/
/****************************************
About
****************************************/
#section-about {
  width: 100%;
  height: 800px;
  background-image: url("../img/core/about-image.jpg");
  background-size: cover;
  background-position: center left;
  box-shadow: inset 0px 80px 130px 5px rgba(10, 10, 10, 0.3); }

#about-title-container {
  position: relative;
  width: 360px;
  top: 120px;
  left: 4.5em;
  color: white; }

#header-title, #about-title {
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); }

#about-title h2 {
  color: white; }

#profile-photo {
  display: none;
  transition: transform .25s ease; }

/****************************************
Gallery
****************************************/
#section-gallery {
  width: 100%;
  padding-bottom: 100px;
  background-image: url("../img/core/fabric-texture.png");
  background-repeat: repeat;
  background-size: 150px;
  box-shadow: inset 0px 80px 130px 5px rgba(10, 10, 10, 0.2); }

#gallery-title-container {
  width: 360px;
  padding: 120px 0 30px 20%; }

#gallery-mm {
  position: absolute;
  margin: -40px 0px 0px -340px;
  width: 380px;
  opacity: 0.25;
  background-blend-mode: lighten;
  z-index: 0; }

#full-image {
  text-align: center;
  display: none;
  width: 90%;
  height: 40em;
  max-height: 40em;
  margin-top: 3em;
  padding: 0% 5% 0% 5%; }

#full-image img {
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0px 5px 12px 0px rgba(10, 10, 10, 0.3);
  opacity: 0;
  transition: opacity 0.5s ease; }

#photo-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  margin-top: 50px;
  width: 62em;
  opacity: 0; }

.thumbnail {
  position: relative;
  margin: .75em;
  width: 14em;
  height: 14em;
  overflow: hidden;
  box-shadow: 0px 5px 12px 0px rgba(10, 10, 10, 0.3); }

#photo-gallery .thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  transition: opacity .3s ease;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#photo-gallery .thumbnail img.portrait {
  width: 100%;
  height: auto; }

#photo-gallery .thumbnail img:hover {
  opacity: 0.7; }

/****************************************
Information
****************************************/
#section-information {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 800px;
  box-shadow: inset 0px 0px 500px 50px rgba(0, 0, 0, 0.25);
  background-image: url("../img/gallery/img-9532.jpg");
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat; }

#information-border {
  width: 93%;
  height: 90%;
  border: 1px solid white; }

/*# sourceMappingURL=section-styles.css.map */