:root {
--main-bg: #067570;
--main-text: #067570;
--subline-text: #98CE00;
}

html{
scroll-behavior: smooth;
}

body {
margin: 0;
padding: 0;
font-family: "Montserrat", serif;
scroll-behavior: smooth;
}

.main-bg {
background-color: var(--main-bg);
}

.main-text {
color: var(--main-text);
}

.subline-text {
color: var(--subline-text);
}

.btn-call {
    animation: call 1.5s infinite;
}

.btn-call:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.btn-call:active {
    transform: scale(0.95);
}

.animate-bounce {
    animation: bounce 1.5s infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}
@keyframes call {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(-10px) rotate(-10deg);
    }
    50% {
        transform: translateY(0) rotate(0deg);
    }
    75% {
        transform: translateY(-10px) rotate(10deg);
    }
}