/** pallet
#1b663e
#185a37
#154f30
#124429
#0f3923
#0c2d1c
#092215
#06170e
#030b07
#000000
rgb(239, 243, 243)
**/
@keyframes textclip {
    to {
      background-position: 200% center;
    }
  }

  

body{
  background-image: repeating-linear-gradient(
    #030b07 50%,
    #092215 50%

  );
      
  

}
h1.title{
    
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #1b663e 0%,
    #154f30 29%,
    #092215 67%,
    rgb(239, 243, 243)100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  font-size: 50px;
}



h5.subtitle{
    color: rgb(239, 243, 243);
    padding-top: 3px;
    text-align: center;
}


.cuprins{
padding-top: 50px;
text-align: center;
font-size: 30px;

}
.cuprins a{
    color:rgb(239, 243, 243);
    text-decoration: none;
    padding-top: 5px;
}
.cuprins a:hover{
    background-image: linear-gradient(
        -225deg,
        #1b663e 0%,
        #154f30 29%,
        #092215 67%,
        rgb(239, 243, 243)100%
      );
      background-size: auto auto;
      background-clip: border-box;
      background-size: 200% auto;
      color: #fff;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: textclip 2s linear infinite;
}