body {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    background-image: url(image/bg.jpg);
    gap: 70px;
}

header{
    font-size: 20px;
    background: linear-gradient(to right, blue, #62FE27 );
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-family: Montserrat;
}

#link{
    position: absolute;
    text-decoration: none;
    animation: pulse 3s infinite ease;
}

@keyframes pulse{
    0%{
        transform: translateY(-0.5em);
    }
    50%{
       transform: translateY(0);
    }
    100%{
        transform: translateY(-0.5em);
    }
}

.engine{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 70px;
}

.display{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: dotted 3px #1111FF;
    border-radius: 16px;
    width: 80vw;
    height: 42.1875vh;
    font-size: 150px;
    background: transparent;
    backdrop-filter: blur(20px);
    z-index: 1000;
    color: #8B8B8B ;
}

.display:hover{
    border: solid 2.5px #1F7F00;
    outline: solid 3.5px #9FFF7B;
}

button{
    background-color: #51FF0F;
    color: #0009BF;
    border: none;
    border-radius: 30px;
    height: 5vh;
    width: 40vw;
    font-weight: 900;
    font-size: 20px;
    font-family: Montserrat;
    box-shadow: 0px 0px 10px #87FF5A;
}

button:hover{
    background: #92FF68;
    transform: scale(0.9);
    transition: all 0.3 ease;
}

.spin{
    height: 40px;
    width: 64.72135955px;
    border-radius: 50%;
   /* border: solid 4px blur(100px);*/
    border-top: solid 5px #089527;
    border-left-color: var(border-top);
    animation: Ludinus 0.5ms linear infinite;
}

@keyframes Ludinus{
    0%{
        transform: rotateZ(360deg);
    }
}

i{
   animation: move 3s infinite ease; 
}

@keyframes move{
    0%{
        transform: translateY(-0.1em);
    }
    50%{
       transform: translateY(0);
    }
    100%{
        transform: translateY(-0.1em);
    }
}

