@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
/* Body setup to center content */
body {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	background-color: #000;
	margin: 0px;
	padding: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh; /* Full viewport height */
	overflow: hidden; /* Prevent scrollbars */
	font-weight: 700; /* Bold text */
}

.message-container {
	display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}
 
 .onemessage {
    font-size: 3rem;
    color: #fff;
	text-align: left;
    opacity: 0; /* Initially hidden */
    animation: fadeInOut 10s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Styling for images */
#image-container .oneimage {
    max-width: 90%;
    max-height: 90vh;
    animation: fadeInOut 10s;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}