/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 25, 2019 */



@font-face {
    font-family: 'happy_dayregular';
    src: url('font/happyday-regular-webfont.woff2') format('woff2'),
         url('font/happyday-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body 	{  
	background-color: #000000; font-family: 'happy_dayregular'; font-size: 24px; color: #ffffff; letter-spacing: 3px; text-align: center;
	}

#fonttitle {font-size: 100px; }
#font2025  {font-size: 10px; font-style: italic; font-weight: lighter; color: #F2F4F4;}
#font2030  {font-size: 16px; font-style: italic; font-weight: lighter; color: #F2F4F4;}


table {margin-left:auto; margin-right:auto; width: 720px;}

a:link, a:visited, a:hover, a:active {color: white; text-decoration: none; cursor: auto;}


.image-container {
  position: relative; /* Important for positioning the overlay text */
  display: inline-block;
}

.overlay-text {
  position: absolute; /* Important for positioning the overlay text */
  top: 16%;
  left: 0%;
  width: 100%;
  height: 20%;
  background-color: rgba(0, 0, 0, 0); /* Semi-transparent background */
  color: white;
  font-size: 18px;
  font-weight: bold;
  display: none; /* Initially hide the text */
}


.image-container:hover .overlay-text {
  display: block; /* Show the text on hover */
}