body
{
    background-color: rgba(7, 66, 80, 0.831);
    text-align: center;
    padding-bottom: 40%;
}
div.D 
{
    
    background:rgba(7, 66, 80, 0.831);
    position: relative;
    margin-left: 30%;
    margin-right: 30%;
    box-shadow: 10px 5px 5px rgba(0, 0,0, 0);
}

.D::before,
.D::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(45deg, 
    #00f0f0, #00ff00, #0000ff,#fc6b07, #fe0e02,
    #00f0f0, #00ff00, #0000ff,#fc6b07, #fe0e02,
    #00f0f0);
    width: 100%;
    height: 110%;
    background-size: 500%;
    z-index: -1;
    transform: scale(1.02);
    animation: animate 15s infinite;
}
.D::after 
{
    filter: blur(20px);
}
@keyframes animate {
    0% { 
        background-position: 0 0; 
       }
    50% { 
        background-position: 300% 0; 
       }
    100% { 
        background-position: 0 0; 
       }
  }
h2
{
    color: rgb(3, 3, 128);
}
img.One
{
    width: 30%;
}
img.Harry
{
    width: 50%;;
}
.btn
{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
}
.icone
{
    width: 50px;
    cursor: pointer;
    
}
img.Spid
{
    width: 50%;
}
h1
{
font-size: 275%;
color: #080456;
}
div.D
{
    animation:anime1 2s;
}
@keyframes anime1
{
   0% {
     transform: scale(0.5);
      transform: scale(0.5);
     }
 100% {
      transform: scale(1);
      transform: scale(1);
      }
}