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

h1 {text-align: center;
    font-family: Arial;
	font-size: 77px;
    margin-top: 13px; /* Adjust this value to control the spacing */}

p  {text-align: center;
	font-family: Arial;}

body {background-color: #FFFFFF;}

body, html {height: 100%;
    		margin: 0;
    		background-color: #f0f0f0;
    		overflow: hidden; /* Prevent scrolling in both directions */
    		box-sizing: border-box; /* Include padding and borders in the element's total width and height */}



.top-column, .middle-columns, .bottom-column {overflow: hidden; /* Prevent scrolling in both directions for specific elements */}
    
.top-column, .bottom-column {width: 100%;
    						 height: 10%;
    						 text-align: center;
    						 background-color: hsla(194,40%,75%,1.00);
    						 padding: 20px;}

.middle-columns {width: 100%;
    			 display: flex;
    			 flex-wrap: wrap;
    			 justify-content: center;
    			 align-items: center;
				 padding: 20px;}
    
.bottom-column {position: fixed;
    			bottom: 0;
    			background-color: hsla(194,40%,75%,1.00);
    			width: 100%;
    			text-align: center;
    			padding: 1px;}
				  						 
.bottom-column a {text-align: center;
    			  font-family: Verdana, sans-serif;
    			  color: #23547D; /* dark Slate Blue color */
    			  text-decoration: none; /* Remove underline from links */
    			  line-height: 31px; /* Set the line height to create more space between the links */
     			  margin: 77px; /* Adjust margin to create space between the links */
    			  border: none; /* Remove border to get rid of the vertical line */}




.bottom-column {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    background-color: hsla(194, 40%, 75%, 1.00);
    width: 100%;
    height: 10%;
    padding: 10px;
}

.column {
    flex: 1;
    text-align: center;
    margin: 10px;
}

.column a {
    font-family: Verdana, sans-serif;
    color: #4682B4; /* Slate Blue color */
    text-decoration: none; /* Remove underline from links */
}

.bottom-column a:visited {color: #3F007E; /* deep purple color for visited links */}

.photo {display: inline-block;
    	text-align: center;
    	margin-right: 30px; /* Add margin to the right of the image */
		margin-top: 131px;}

.photo img {width: 100%; /* Images will take 100% of the container width */
    		height: auto; /* Maintain aspect ratio */
    		max-width: 100%; /* Ensure the image doesn't exceed its original size */
			max-height: 100%; /* Ensure the image doesn't exceed its original size */}