.wf-force-outline-none[tabindex="-1"]:focus {
    outline: none;
 }
 .heading-3 {
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
 }

 .c-intro--projects {
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
 }




 ::selection {

    background: #FFFFFF;
    /* WebKit/Blink Browsers */

    color: #000000;

 }

 ::-moz-selection {

    background: #AB87FF;
    /* Gecko Browsers */

 }


 .message {
   background-color: #ffc30d;
   color: #333;
   display: block;
   font-weight: 900;
   overflow: hidden;
   position: absolute;
   padding-left: 0.5rem;
   top: 0.2rem;
   left: 270px;
   animation: openclose 5s ease-in-out infinite;
 }

 @keyframes openclose {
   0% {
     top: 0.2rem;
     width: 0;
   }
   5% {
     width: 0;
   }
   15% {
     width: 230px;
   }
   30% {
     top: 0.2rem;
     width: 230px;
   }
   33% {
     top: 0.2rem;
     width: 0;
   }
   35% {
     top: 0.2rem;
     width: 0;
   }
   38% {
     top: -4.5rem;
     
   }
   48% {
     top: -4.5rem;
     width: 190px;
   }
   62% {
     top: -4.5rem;
     width: 190px;
   }
   66% {
     top: -4.5rem;
     width: 0;
     text-indent: 0;
   }
   71% {
     top: -9rem;
     width: 0;
     text-indent: 5px;
   }
   86% {
     top: -9rem;
     width: 285px;
   }
   95% {
     top: -9rem;
     width: 285px;
   }
   98% {
     top: -9rem;
     width: 0;
     text-indent: 5px;
   }
   100% {
     top: 0;
     width: 0;
     text-indent: 0;
   }
 }