body {
    font-size: 12px;
    font-family: Trebuchet MS;
    animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.flex-container {
    display: flex;
    flex-direction: row;
    }

.flex-container2 {
    display: flex;
    flex-direction: column;
    }


      @keyframes fadeInAnimation {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
         }
    }

    a:link {
        color: #7B3654;
        background-color: transparent;
        text-decoration: none;
        
      }

a:visited {
      color: #7B3654;
      background-color: transparent;
      text-decoration: none;
      
      }
      
a:hover {
       color: #EDADCE;
       background-color: transparent;
       text-decoration: none;
       animation: HoverFadeLink ease 0.5s;
       animation-iteration-count: 1;
       animation-fill-mode: forwards;
       
       
     }

a:active {
      color: #e8bb7d;
      background-color: transparent;
      text-decoration: none;
      
    }

    @keyframes HoverFadeLink {
        0% {color: #7B3654}
        100% {color: #EDADCE}
        }

colorpink {color: #EF98B4; font-weight: bolder;}
colorpinkmark {color: black; background-color: #EF98B4;}
maiuscola {font-size: 20px; font-weight: bold; font-style: italic; color: #EF98B4;}

::selection {
    background-color: #EF98B4;
    color: black
}
        
.scrollbox {
    overflow: scroll;
    padding: 5px;
    align-items: center;
    justify-content: center;
    
      }
      
.scrollbox::-webkit-scrollbar {
    width: 10px;   
    height: 0px;
    background-color: white;
    }   
    
    
     .scrollbox::-webkit-scrollbar-thumb {
        background-color: thistle;   
              }


 a {
  cursor: url(assets/cursor-whiteribbon.gif), default;
 }
 
html {
  cursor: url(assets/cursor-purpleribbon.gif), default;
      }