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;
    }

    .blink {
        animation: 2s linear infinite blink;
      }

      @keyframes blink {
        0% {opacity: 100%;}
        25% {opacity: 50%;}
        50% {opacity: 0%;}
        75% {opacity: 50%;}
        100% {opacity: 100%;}
      }

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

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

a:visited {
      color: #AA467F;
      background-color: transparent;
      text-decoration: none;
      
      }
      
a:hover {
       color: #F3BED8;
       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: #AA467F}
        100% {color: #F3BED8}
        }

colorgreen {color: #4C737E;}
colorpink {color: #AA467F;}
colorbrown {color: #86977B;}

::selection {
    background-color: #DCA35E;
    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;   
              }

 .scrollbox h1 {
       font-size: 12px;
       font-family: tahoma;
       border-bottom: 1px dotted #BE185B;
       color: #721C4C;
       width: 170px;
       font-weight: bold;
       margin: 0px;
       margin-bottom: -10px; 
 }

 a {
  cursor: url(assets/purplepointer.png), default;
 }
 
html {
  cursor: url(assets/pastelmoonpurple.gif), default;
      }