.port-text {
   font-family: "Jaro", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;


   color: var(--main-color-800);
   text-decoration: none;
   font-size: 30px;

   transition: color 0.25s ease, font-size 0.5s ease;

 }

 .port-text:hover {

   color: var(--main-color-900);
   font-size: 32px;

 }


.flex-container2 {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   
 }

 .flex-container3 {
    width: 25%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-items: center;
  
   
   max-width: 50%;
   margin-left: 1%;
   margin-right: 1%;
 }

 .flex-container4 {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   margin-bottom: 20px;
   
 }

 .spacer-container {
    width: 10%;
    text-justify: auto;
   
 }

 .title-container {
  display: flex;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
 }


 .foto {
    height: 100px;
    width: auto;
 }

 .port-foto {
    height: 200px;
    width: auto;

    transition: height 0.5s ease;
 }

 .port-foto:hover {

   height: 210px;

 }

 .port-spacer {
    display: flex;
    height: 100px;
    align-items: center;
 }

  @keyframes opp-pos-FadeIn {
   0% {
     opacity: 0%;
     margin-top: 10%;
   }

   40% {
     opacity: 0%;
     margin-top: 10%;
   }

   100% {
     opacity: 100%;
     margin-top: 0%
   }
 }

 @keyframes opp-pos-FadeIn-Side {
   0% {
     opacity: 0%;
     margin-right: 10%;
   }

   40% {
     opacity: 0%;
     margin-right: 10%;
   }

   100% {
     opacity: 100%;
     margin-right: 0%
   }
 }

  .port-fade-in-1 {
   opacity: 100;

   font-size: 60px;
   animation-name: opp-pos-FadeIn;
   animation-delay: 0;
   animation-duration: 1s;
 }

 .port-fade-in-2 {
   opacity: 100;

   animation-name: opp-pos-FadeIn;
   animation-delay: 0.2;
   animation-duration: 1s;
 }

 .port-fade-in-3 {
   opacity: 100;

   animation-name: opp-pos-FadeIn;
   animation-delay: 0.4;
   animation-duration: 1s;
 }

 .port-fade-in-4 {
   opacity: 100;

   animation-name: opp-pos-FadeIn-Side;
   animation-delay: 0.4;
   animation-duration: 1s;
 }