/* CSS Document */

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
}
.dark-mode {
  background-color: black;
  color: white;
}

div.container {
  text-align: center;
}

ul.myUL {
  display: inline-block;
  text-align: left;
}

.topnav {
    overflow: hidden;
    background-color: #333;
	position: fixed;
	width: 100%;
	top: 0px;
}
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.topnav a:hover {
    background-color: #ddd;
    color: black;
}
.topnav a.active {
    background-color: #04AA6D;
    color: white;
}
.topnav-right {
    float: right;
}


/* Styles for the toggle container */
.toggle-container {
    cursor: pointer;
}
/* Styles for the sun and moon icons */
.sun-icon, .moon-icon {
    width: 24px;
    height: 24px;
    transition: opacity 0.3s;
}
/* Hide moon icon by default (light mode) */
.moon-icon {
    display: none;
}
/* Show moon icon and hide sun icon in dark mode */
.dark-mode .sun-icon {
    display: none;
}
.dark-mode .moon-icon {
    display: inline-block;
}

/* Mobile map */
@media screen and (max-width:767px) {
iframe[src*="google"] {
    width: 95% !important;
}
}