body{        
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(
    to bottom,
    rgba(255,255,255,0.1),
    rgb(24, 65, 131, 0.5)
  );
    }

.fill{
    background-color:#84b6f4;
    color:aliceblue;
    width: 100%;
      border: 5px solid #627a91;
        border-radius: 10px;
transition: background-color 0.5s;
    height: 100px;
      font-size:1.5rem;  
      text-shadow: .5px  .5px .5px rgb(243, 243, 243),
               .5px .5px .5px rgb(254, 254, 254);
      
}
.enc{
    height: 170px;
    text-align: center;  
    font-size: 3rem;  
    font-weight: bold;
    -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: rgb(5, 0, 0);
}
.fill:hover{
    background-color: rgb(16, 109, 191);
     transition: background-color 0.5s;
         border: 5px solid #84b6f4 ;
    border-radius: 10px;
}
.sep{
  height: 30px;
}