@charset "UTF-8";

		.rednote-img {
			width:50px;
			height:auto;
			object-fit: cover;
		}
		
		.rednote-img:hover {
        	transform: scale(1.1);
		}
		
		.instagram-img {
			width:25px;
			height:auto;
			object-fit: cover;
		}
		
		.instagram-img:hover {
        	transform: scale(1.1);
		}
		
        .classLogo {
            width: 15.6rem;
            height: 1.4rem;
            transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            cursor: pointer;
        }

         @media (max-width: 1024px) {
            .classLogo {
               width: 13rem;
            }
         }

         @media (max-width: 600px) {
            .classLogo {
               width: 11rem;
            }
         }
         
        .classLogo:hover {
            transform: scale(1.05);
        }
        
        .classLogo svg {
            display: block;
            width: 100%;
            height: auto;
            transition: filter 0.3s ease;
        }

        .classLogo:hover svg {
            filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));
        }

        .classLogo svg text {
            transition: fill 0.25s ease, filter 0.25s ease;
            cursor: pointer;
        }
        
        .classLogo:hover svg .main-text {
            fill: #2c2c2c;
            filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
        }

        .classLogo:hover svg .amp-text {
            fill: #4a4a4a;
            transform-origin: center;
            animation: ampPulse 0.3s ease-out;
        }
        
		
		        @keyframes ampPulse {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.08);
            }
            100% {
                transform: scale(1);
            }
        }