@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Share+Tech&display=swap');

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

body{
    width: 100vw;
    height: 100%;
    position: relative;
    background-image: linear-gradient(to top, #ab30d0 0%, #670819 100%);
}

header{
    background: #08e8a1;
}
ul{
    display: flex;
    gap: 50px;
    margin-left: 150px;
    list-style: none;
}

img{
    border-radius: 20px;
    margin-left: 10px;
    margin-top: 40px;
    animation: 4s animation linear infinite;
}

span{
    color: rgb(3, 231, 52);
    font-size: 22px;
}


footer{
    background: rgb(37, 35, 35);

}

footer a{
    display: flex;
    margin-top: 60px;
    margin-left: 60px;

}
.section2 img{
    animation-delay: 2s;
}

.section4 img{
    animation-delay: 1s;
}

h4{
    font-size: 60px;
    margin-left: 22px;
}

@keyframes animation {
    0%{
        margin-left: 0px;
    }
    100%{
        margin-left: 800px;
    }
}

.form{
    position: relative;
    height: 600px;
    width: 400px;
    border-radius: 60px;
    margin-left: 400px;
    border: 4px dotted rgb(232, 30, 12);
}
input{
    width: 100%;
    display: flex;
    height: 60px;
    margin-top: 40px;
    color: red;
    border-radius: 40px;
}

b{
    font-size: 22px;
    color: rgb(195, 255, 0);
}

button{
    margin-left: 400px;
    height: 40px;
    width: 120px;
    color: red;
    font-size: 24px;
}