/* Custom styles for SEMownia template */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 72px;
}

body {
    padding-bottom: 0;
}

@keyframes float-1 {
    0% { transform: translate(0, 0) rotate(0deg) scale(1); }
    33% { transform: translate(30px, -50px) rotate(10deg) scale(1.1); }
    66% { transform: translate(-20px, -20px) rotate(-5deg) scale(0.9); }
    100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}

@keyframes float-2 {
    0% { transform: translate(0, 0) rotate(0deg) scale(1); }
    33% { transform: translate(-40px, 30px) rotate(-15deg) scale(0.95); }
    66% { transform: translate(20px, 40px) rotate(5deg) scale(1.05); }
    100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}

@keyframes float-3 {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(40px, 10px) rotate(15deg); }
    50% { transform: translate(20px, 50px) rotate(5deg); }
    75% { transform: translate(-20px, 20px) rotate(-10deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes float-4 {
    0% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(-30px, -40px) rotate(-20deg); }
    66% { transform: translate(-50px, 10px) rotate(10deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes float-5 {
    0% { transform: translate(0, 0) rotate(0deg) scale(1); }
    33% { transform: translate(20px, -60px) rotate(25deg) scale(1.15); }
    66% { transform: translate(-30px, -30px) rotate(-15deg) scale(0.85); }
    100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}

@keyframes float-6 {
    0% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(50px, -20px) rotate(-15deg); }
    66% { transform: translate(10px, -50px) rotate(20deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes float-7 {
    0% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(-40px, -40px) rotate(30deg); }
    66% { transform: translate(-10px, -60px) rotate(-10deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes float-8 {
    0% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(60px, 30px) rotate(-25deg); }
    66% { transform: translate(30px, 60px) rotate(15deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes float-9 {
    0% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(-50px, 50px) rotate(45deg); }
    66% { transform: translate(-30px, -20px) rotate(-25deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes float-10 {
    0% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(40px, -40px) rotate(-35deg); }
    66% { transform: translate(-40px, -40px) rotate(25deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

.animate-float-1 { animation: float-1 12s ease-in-out infinite; }
.animate-float-2 { animation: float-2 14s ease-in-out infinite; }
.animate-float-3 { animation: float-3 16s ease-in-out infinite; }
.animate-float-4 { animation: float-4 18s ease-in-out infinite; }
.animate-float-5 { animation: float-5 15s ease-in-out infinite; }
.animate-float-6 { animation: float-6 13s ease-in-out infinite; }
.animate-float-7 { animation: float-7 17s ease-in-out infinite; }
.animate-float-8 { animation: float-8 19s ease-in-out infinite; }
.animate-float-9 { animation: float-9 14.5s ease-in-out infinite; }
.animate-float-10 { animation: float-10 16.5s ease-in-out infinite; }


::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #d32027; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #a0181d; 
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.nav-dot.active {
    background-color: #1a1a1a;
}

.nav-link.active {
    color: #d32027;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}