/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11.09.2018, 17:46:27
    Author     : Manuel Simon - Der Super-Nerd
*/

/* Polygon */
.polygoncontent {
  position: absolute;
  left: 49%;
  bottom: 150px;
  transform: translate(-0%, -0%);
  
  p {
    margin: 0 0 20px;
  }
  
}

/* Arrow & Hover Animation */
#more-arrows {
    width: 75px;
    height: 85px;
    cursor: pointer;
  
  &:hover {
    
    polygon {
      fill: #13508c; 
      transition: all .2s ease-out;

      &.arrow-bottom {
        transform: translateY(24px);
      }

      &.arrow-top {
        transform: translateY(12px);
      }
    }  
  }  
}

polygon {
  fill: #13508c;
  transition: all .2s ease-out;
    
  &.arrow-middle {
	  opacity: 0.75;
	}

	&.arrow-top {
	  opacity: 0.5
	}	 
}