/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.7.1.1705681107
Updated: 2024-01-19 16:18:27

*/


/* Apply the rotation animation to an element */

.rotating-element {
    animation: rotate 5s linear infinite;
    -webkit-animation: rotate 5s linear infinite;
    transform-origin: center;
    /* Rotate from the center */
}


/* Define the keyframes for the rotation */

@keyframes rotate {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.shrinking-section {
    /* transition: width 0.5s ease-in-out, height 0.5s ease-in-out; */
    width: 100vw;
    height: 100vh;
}

.shrink-on-scroll {
    /* width: 30vw; */
    /* Adjust this value as needed */
    /* height: 30vh; */
    /* Adjust this value as needed */
}

@keyframes shrinkAnimation {
    from {
        width: 100vw;
        height: 100vh;
    }
    10% {
        width: 90vw;
        height: 90vh;
    }
    20% {
        width: 80vw;
        height: 80vh;
    }
    30% {
        width: 70vw;
        height: 70vh;
    }
    40% {
        width: 60vw;
        height: 60vh;
    }
    60% {
        width: 50vw;
        height: 50vh;
    }
    70% {
        width: 40vw;
        height: 40vh;
    }
    90% {
        width: 35vw;
        height: 35vh;
    }
    to {
        width: 30vw;
        height: 30vh;
    }
}


/* .shrinking-section.shrink-on-scroll {
    animation: shrinkAnimation 1.5s ease-in forwards;
    -webkit-animation: shrinkAnimation 1.5s ease-in forwards;
} */