* {
    box-sizing: border-box;
    user-select: none;
    scroll-behavior: smooth;    
}
body {
    font-family: 'noto-sans', sans-serif;
}
img {
    object-fit: cover;
}
header {
    position: sticky;
    top: 0;
    z-index: 1000;
}
.page {
    animation: fadeOut 1.5s ease-out forwards;
}
.animate2:hover {
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #03346E;
}
.animate:hover {
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #03346E;
    animation: slide 0.5s ease-in-out;
}
.scale:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
}
.scale:active {
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}
.box-shadow {
    box-shadow: 0 4px 8px #ffffff;
}
#carousel {
    scroll-behavior: smooth;
    scrollbar-width: none;
    scrollbar-color: #3D74B6 transparent;
}
#carousel:hover {
    scrollbar-width: thin;
}
@keyframes slide {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes fadeOut {
    from 0% {
        transform: translateY(20px);
        opacity: 0;
    }
    to 100% {
        transform: translateY(0);
        opacity: 1;
    }
}