@font-face {
  font-family: Allura;
  src: url(/assets/fonts/Allura-Regular.ttf); }
body {
  background: url(/assets/images/background3.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

body {
  font-family: avenir-next-regular Arial SansSerif; }

.container {
  background-color: #fefefe;
  box-shadow: 0px 0px 20px #888888; }

#about {
  background-color: rgba(233, 181, 160, 0.34);
  padding-top: 10px;
  padding-bottom: 10px; }

#diamond-clip-flip {
  /* transform: ; */
  transform: scaleX(-1) translate(-200px, 0px); }

.diamond {
  clip-path: url(#diamond-clip); }

.collection {
  float: left; }

.collection-1 {
  margin-top: 236px; }

.collection-2 {
  padding-top: 118px; }

.collection-container {
  margin: 0 auto;
  display: table; }

.logo-container {
  width: 55%;
  max-width: 300px;
  margin: 0.5em auto; }

.logo {
  margin-bottom: 0em; }

.logo * {
  stroke-width: 2px;
  animation: 6s rainbow infinite; }

@keyframes rainbow {
  0% {
    stroke: #e9b5a0; }
  25% {
    stroke: #e9b5a0; }
  33% {
    stroke: #a6a6a6; }
  55% {
    stroke: #a6a6a6; }
  60% {
    stroke: #e0dcc1; }
  90% {
    stroke: #e0dcc1; }
  100% {
    stroke: #e9b5a0; } }
.group-1 circle {
  stroke-dasharray: 1050px;
  stroke-dashoffset: 1051px;
  animation: 2s circles 1 forwards; }

@keyframes circles {
  from {
    stroke-dashoffset: 1051px; }
  to {
    stroke-dashoffset: 0px; } }
.group-2 circle, .group-2 path, .group-3 polygon {
  stroke-dasharray: 130px;
  stroke-dashoffset: 131px;
  animation: 2s accents 1 forwards;
  animation-delay: 1s; }

@keyframes accents {
  from {
    stroke-dashoffset: 131px; }
  to {
    stroke-dashoffset: 0px; } }
.group-3 {
  stroke-dasharray: 1000px;
  stroke-dashoffset: 1001px;
  animation: 3s diamond 1 forwards;
  animation-delay: 2s; }

@keyframes diamond {
  from {
    stroke-dashoffset: 1001px; }
  to {
    stroke-dashoffset: 0px; } }
.title {
  margin-bottom: 0em; }

.title path {
  fill-opacity: 0;
  stroke: #e9b5a0;
  fill: #e9b5a0;
  stroke-width: -1px;
  stroke-dasharray: 500px;
  stroke-dashoffset: 501px;
  animation: 1s title 1 forwards;
  animation-delay: 2s; }

@keyframes title {
  0% {
    fill-opacity: 0;
    stroke-dashoffset: 501px; }
  50% {
    fill-opacity: 0; }
  75% {
    /*     fill-opacity: 0.4; */
    stroke-dashoffset: 0px; }
  100% {
    fill-opacity: 1;
    stroke-dashoffset: 0px; } }
.major {
  text-align: center; }
  .major img {
    width: 100%;
    max-width: 200px;
    display: block;
    margin: 10px auto;
    clip-path: circle(49% at center); }
  .major div {
    margin: 0 auto; }
  .major p {
    color: #868686; }
  .major h2, .major h3, .major h4 {
    font-weight: 300; }
  .major h2 {
    font-size: 3em; }
  .major h3 {
    font-size: 2.5em; }

#carousel-description {
  display: none; }

.project-carousel img {
  margin: auto; }

.project {
  min-height: 360px; }

.project:nth-of-type(even) .thumb {
  float: right; }

.project:nth-of-type(odd) .thumb {
  float: left; }

.project::after {
  clear: both; }

.project-title {
  display: none; }

.thumb {
  text-align: center;
  width: 100%; }
  .thumb svg image:hover {
    cursor: pointer;
    opacity: 0.3; }
    .thumb svg image:hover + .project-title {
      display: inherit; }
  .thumb svg text {
    pointer-events: none; }

.diamond image {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }

.project-description p {
  text-align: justify; }
.project-description h2 {
  font-family: Allura; }

@media (min-width: 576px) {
  #portfolio > div {
    border-bottom: 1px solid #efefef; }

  .thumb {
    width: auto; } }
@media (min-width: 992px) {
  #carousel-description {
    display: inherit; }

  #portfolio > div {
    border-bottom: none; }

  .thumb {
    float: none;
    width: 100%; }

  #portfolio {
    text-align: center; }
    #portfolio p, #portfolio h1, #portfolio h2 {
      display: none; }
    #portfolio .project {
      display: inherit; } }

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