@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

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

.font {
    font-family: "DM Sans", sans-serif;
}

@media (min-width: 768px) {
    .hover-text:hover + .hover-image {
        display: block;
    }
}

.reveal-overlay {
    
    transform: translateY(100%);
    transition: transform 1.5s ease; 
}

.reveal-overlay.reveal-1 {
    transform: translateY(0); 
}

.reveal-overlay.hidden-1{
    transform: translateY(-100%); 
}

.content {
    opacity: 0;
    transition: opacity 1.5s ease;
}

.content.visible {
    opacity: 1;
    transition-delay: 1.5s;
}