* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
    --main_colo: #00ab551a;
    --for_button: #17bc44;
    --circle: #1ad64c8c;
    --background: #f3f5f7;
}


.image-container > img {
    width: 350px;
    animation: move 1s infinite alternate ease-in-out;
}

@keyframes move {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.btn {
    background: var(--for_button);
}

    .btn:hover {
        background: var(--for_button);
    }

.input-group-text > i {
    color: var(--for_button);
}

.text-decoration-none {
    color: var(--for_button);
}

.login {
    color: var(--for_button);
}