body {
       background-color: rgb(220 227 245);
       height: 100%;
       margin: 0;
       /* background-attachment: fixed; */
}

header {
       position: sticky;
       top: 0;
       z-index: 1000;
       display: flex;
       align-items: center;
       justify-content: center;
       margin-top: 0px;
       height: 110px;
       background-color: #0c1125;
}

.logo_div {
       position: relative;
       padding-right: 60px;
}

.button-container {
       position: relative;
       display: flex;
       gap: 19px;
       justify-content: center;
}

.btn:hover {
       color: white;
       background-color: rgb(81, 94, 128);
       font-family: Arial, Helvetica, sans-serif;
       font-weight: normal;
       font-size: 16px;
}

.btn {
       display: flex;
       padding: 12px 16px;
       background-color: white;
       color: black;
       text-decoration: none;
       border-radius: 10px;
       cursor: pointer;
       align-items: center;
       font-family: Arial, Helvetica, sans-serif;
       font-weight: normal;
       font-size: 16px;
       transition-duration: 0.2s;
}

/* Position the dropdown wrapper relatively */
.dropdown {
       position: relative;
       display: inline-block;
}

/* Style the trigger button */
.dropdown-btn {
       background-color: white;
       color: black;
       padding: 12px 16px;
       cursor: pointer;
}

/* Hide the dropdown menu contents by default */
.dropdown-content {
       display: none;
       position: absolute;
       background-color: #f1f1f1;
       width: 160px;
       box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
       z-index: 1;
       border-radius: 10px;
}

/* Style the hyperlinks inside the menu */
.dropdown-content a {
       color: black;
       padding: 12px 16px;
       text-decoration: none;
       display: block;
       font-family: Arial, Helvetica, sans-serif;
       font-weight: normal;
       font-size: 16px;
       border-radius: 10px;       
}

/* Change link background color on hover */
.dropdown-content a:hover {
       color: white;
       background-color: rgb(81, 94, 128);
}

/* Show the menu contents when hovering over the wrapper */
.dropdown:hover .dropdown-content {
       display: block;
}

main {
       height: 70vh;
       /* margin-bottom: 300px; */
}

h1 {
       position: relative;
       font-size: 34px;
       text-align: center;
       align-items: center;
       font-family: Arial, Helvetica, sans-serif;
       margin: 50px 0 30px;
}

.kids-of-liberty {
       margin-inline: auto;
       /* display: flex; */
       /* justify-content: center; */
       /* padding: 0px 280px; */
       text-indent: 0px;
       line-height: 31px;
       position: relative;
       /* height: 100px; */
       font-size: 20px;
       /* text-align: center; */
       /* align-items: center; */
       font-family: Arial, Helvetica, sans-serif;
       width: 650px;
}

footer {
       position: relative;
       display: flex;
       justify-content: center;
       height: 55vh;
       background-color: #0c1125;
       color: white;
       bottom: 0;
       font-family: Arial, Helvetica, sans-serif;
}

.left_column {
       margin-right: 400px;
       display: inline-block;
       position: relative;
       font-size: 30px;
       line-height: 50px;
       width: 500px;
}

.times {
       position: relative;
       font-size: 23px;
       line-height: 10px;
}

.youtube_link {
       display: flex;
       align-items: center;
       margin-top: 50px;
}

.youtube_text {
       font-size: 23px;
       color: #ffffff !important;
       margin: 0px 0px 20px 5px;
}

.registered_mark {
       margin-top: 100px;
       font-size: 16px;
}

.right_column {
       margin-left: 600px;
       display: inline-block;
       position: absolute;
       font-size: 23px;
       width: 500px;
       top: 3%;
}

.map {
       width: 90%;
}