section-content {
  height: auto;
  overflow: hidden;
  max-height: 100vh;
}
section-content section-content-right {
  width: 45vw;
  padding-left: 0;
  padding-right: 0;
  border-left: solid 1px #FF7826;
}

.header-title a h1, .header-title a h2, .header-title a h4 {
  color: #fff !important;
}

.about-content-pic {
  width: 45vw;
  padding-left: 0;
  padding-right: 0;
  float: right;
  z-index: 5;
}

.profile-pic {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.about-svg {
  position: absolute;
  z-index: 0;
  top: 0;
}
.about-svg .about-line-container .about-line-path {
  transform: translateY(20vh);
}
.about-svg .about-circle {
  fill: #3540FA;
}
.about-svg .about-rect-container {
  transform: translateX(40vw) translateY(50vh) rotate(-30deg);
}
.about-svg .about-rect-container .about-rect {
  fill: #E5E1FC;
}
.about-svg .about-ribbon-container {
  transform: translateX(20vw) translateY(35vh) rotate(50deg);
}
.about-svg .about-ribbon-container .about-ribbon {
  fill: #797EDA;
}

.contact-container {
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.contact-container .icon {
  font-size: 50px !important;
  padding-right: 2vw;
  text-align: center;
}
.contact-container h3, .contact-container h4 {
  padding-left: 3vw;
  display: flex;
  align-items: center;
}
.contact-container h3 {
  font-size: 2em;
}
.contact-container h4 {
  font-size: 1em;
}
.contact-container .contact {
  min-height: 20vh;
  width: 100%;
  text-decoration: none;
  color: white;
  display: flex;
  -webkit-text-emphasis: left;
          text-emphasis: left;
  justify-content: left;
  align-items: center;
  border-bottom: solid 1px #FF7826;
  transition: 0.1s;
}
.contact-container .contact:hover {
  text-decoration: underline !important;
}
.contact-container .contact-non-hovered {
  min-height: 18vh;
}
.contact-container .contact-hovered {
  min-height: 28vh;
}

@media only screen and (max-width: 1201px) {
  section-content {
    max-height: -moz-max-content;
    max-height: max-content;
  }
  section-content svg {
    width: 100vw;
    height: 100vh;
    z-index: 0;
  }
  section-content-left {
    z-index: 1;
  }
  section-content-right {
    width: 100vw !important;
  }
}/*# sourceMappingURL=contact.css.map */