body{
	background-color:HoneyDew;
	margin-left:50px;
	font-family:Arial, sans-serif;
}
nav a:hover {
    color: #FFD700;  /* Gold color */
    border-bottom: 2px solid #FFD700; /* Adds a line under the hovered link */
    padding-bottom: 5px;
}

        p {
            font-size: 18px; /* Increases the font size of all paragraphs */
			line-height: 1.6;
        }

.title{
	font-family:Garamond, serif;
	text-align:center;
}

.intro{
	font-family:Geneva, sans-serif;
}
        .tabs {
            display: flex;
            cursor: pointer;
            margin-bottom: 10px;
			justify-content: center;
        }
        .tab {
            padding: 10px;
            border: 1px solid #ccc;
            margin-right: 5px;
        }
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
        }
		
.hanging-indent {
            margin-left: 40px; /* Set the left margin for all lines */
            text-indent: -40px; /* Pull the first line back to align with the margin */
        }
		
.center {
             display: block;
            margin: 0 auto; /* Center the image horizontally */
        }
.left {
    float: left; /* Float image to the left */
    margin-right: 10px;/* Add space to the right */
        }
.right {
    float: right; /* Float image to the right */
    margin-left: 10px; /* Add space to the left */
	margin-right: 20px
        }
.gif-container {
            display: flex;
            justify-content: space-around; /* Distribute space evenly */
            align-items: center; /* Align GIFs vertically (optional) */
            margin: 20px 0; /* Add spacing above and below the GIFs */
        }

.series {
            display: flex;
            justify-content: center; /* Horizontally centers the images */
            align-items: center; /* Vertically aligns the images */
            gap: 20px; /* Adds space between images */
            margin: 20px auto; /* Ensures the container itself is centered */
        }

        .series img {
            width: 300px; /* Adjust size of images */
            height: auto; /* Maintain aspect ratio */
        }
.container {
            margin: 0;
            display: flex;
            justify-content: center; /* Horizontally centers the applet */
            align-items: center; /* Vertically centers the applet */
        }

        iframe {
            border: none; /* Removes border */
        }