.body {
  background-color: #ff5435
}
.content {
  text-align:center;
  color: black;
  font-family: "Madimi One";
  background-color: #ff5435;
  background-attachment: scroll;
}
.madimi-one-regular {
  font-family: "Madimi One", sans-serif;
  font-weight: 400;
  font-style: normal;
}



/* Add a black background color to the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: #cc1e2c;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #741630;
  color: black;
}

/* Style the "active" element to highlight the current page */
.topnav a.active {
  background-color: #40152a;
  color: white;
}

/* Style the search box inside the navigation bar */
.topnav input[type=text] {
  float: right;
  padding: 6px;
  border: none;
  margin-top: 8px;
  margin-right: 16px;
  font-size: 17px;
}

/* When the screen is less than 600px wide, stack the links and the search field vertically instead of horizontally */
@media screen and (max-width: 600px) {
  .topnav a, .topnav input[type=text] {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;
  }
}

/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
div.content {
  margin-left: 0px;
  padding: 1px 16px;
  min-height: 1000px;
  height: auto;
}


.mars1 {
  margin: 0;
  padding: 5px;
  background-color: #ff5435;
}

.mars2 {
  margin: 0;
  padding: 5px;
  background-color: #cc1e2c;
}

.mars3 {
  margin: 0;
  padding: 5px;
  background-color: #741630;
}

.mars4 {
  margin: 0;
  padding: 5px;
  background-color: #40152a;
  color: #ffffff;
}

.mars5 {
  margin: 0;
  padding: 5px;
  background-color: #241721;
  color: #ffffff;
}
.footer {
  background-color: #241721;
  color: #ffffff
}

/* Style the button that is used to open and close the collapsible content */
.collapsible1 {
  background-color: #cc1e2c;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible1:hover {
  background-color: #cc1e2c;
}

/* Style the collapsible content. Note: hidden by default */
.contenta {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #cc1e2c;
  font-family: "Madimi One";
}
/* Style the button that is used to open and close the collapsible content */
.collapsible2 {
  background-color: #741630;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible2:hover {
  background-color: #741630;
}

/* Style the collapsible content. Note: hidden by default */
.contentb {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #741630;
  font-family: "Madimi One";
}
/* Style the button that is used to open and close the collapsible content */
.collapsible3 {
  background-color: #40152a;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible3:hover {
  background-color: #40152a;
}

/* Style the collapsible content. Note: hidden by default */
.contentc {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #40152a;
  font-family: "Madimi One";
}
/* Style the button that is used to open and close the collapsible content */
.collapsible4 {
  background-color: #241721;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible4:hover {
  background-color: #241721;
}

/* Style the collapsible content. Note: hidden by default */
.contentd {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #241721;
  font-family: "Madimi One";
}