@charset "utf-8";
/* CSS Document */

body {
    background-color: #FFFFFF;
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.caja-home {
    width: 512px;
    text-align: center;
    font-family: Raleway, Tahoma, Geneva, sans-serif;
    font-size: 24px;
    color: #4c667a;
}

.caja-home img {
    max-width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
    animation: fadeIn 1s ease-out, elegantGlow 3s ease-in-out infinite;
    filter: drop-shadow(0 0 0px rgba(249,237,245,0));
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes elegantGlow {
    0%, 100% {
        filter: drop-shadow(0 0 0px rgba(249,237,245,0));
        transform: scale(1);
    }
    50% {
        filter: drop-shadow(0 0 15px rgba(249,237,245,0));
        transform: scale(1.02);
    }
}

.comingsoon {
	text-align: center;
	font-family: Raleway, Tahoma, Geneva, sans-serif;
	font-size: 24px;
	color: #000;

}

// <uniquifier>: Use a unique and descriptive class name

.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}