/* Custom app styles */

.menu-icon {
    margin: 10px;
}

@keyframes pulse-and-rotate {
    0% {
        transform: scale(0.95) rotate(0deg);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.05) rotate(180deg);
        opacity: 1;
    }

    100% {
        transform: scale(0.95) rotate(360deg);
        opacity: 0.8;
    }
}

 .glide__slide {
     transition: all 300ms ease;
     transform: scale(0.8);
     opacity: 0.5;
 }

 .glide__slide--active {
     transform: scale(1);
     opacity: 1;
 }

 .glide__arrows {
     position: absolute;
     width: 100%;
     top: 50%;
     transform: translateY(-50%);
 }

 .glide__arrow {
     position: absolute;
     background: white;
     border: none;
     border-radius: 50%;
     padding: 1rem;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     cursor: pointer;
     transition: all 200ms ease;
 }

 .glide__arrow:hover {
     background: #f8f8f8;
     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
 }

 .glide__arrow--left {
     left: 2rem;
 }

 .glide__arrow--right {
     right: 2rem;
 }

 .glide__slide {
     perspective: 1000px;
     transform-style: preserve-3d;
 } 

 .glide__slide:not(.glide__slide--active) {
     transform: scale(0.8) rotateY(10deg);
 }

 .glide__slide--active {
     transform: scale(1) rotateY(0);
 }