/* CSS file used for ozapur.com website */


/* this will get common attribs for this project */
@import "common.css";

body {
  padding: 4rem 1rem;
  font-family: Verdana, sans-serif;
  font-size: 1rem;
  text-align: center;
}

/* .mainPgBtns {
  display: block;
  position: relative;
  width: min(70%, 15rem);
  margin: 0.3em auto;
  border: 0.3em outset lightblue;
  font-weight: bold;
  font-size: 1.5rem;
  background-color: lightsalmon;
  padding: 0.5em;
}  */

a {
  text-decoration: none;
  color: black;
}

.main_page {
  background-color: azure;
  margin: auto;
  padding: 5px;
  position: relative;
  display: table;
  width: 90%;
  border: 0.3rem ridge #212738;
  text-align: center;
}

.content_section {
  margin: 3px 3px 3px 3px;
  /* background-color: #FFFFFF; */
  text-align: left;
}

.content_section_text {
  padding: 4px 8px 4px 8px;
  color: #000000;
  font-size: 100%;
}

.content_section_text p {
  margin-bottom: 6px;
}

.content_section_text ul,
.content_section_text li {
  padding: 4px 8px 4px 16px;
}

.section_header {
  padding: 3px 6px 3px 6px;
  background-color: #8e9cb2;
  color: #ffffff;
  font-weight: bold;
  font-size: 112%;
  text-align: center;
}

.section_header_red {
  background-color: #cd214f;
}

.section_header_grey {
  background-color: #9f9386;
}

.floating_element {
  color: white;
  position: relative;
  float: center;
}

.split {
  display: flex;
  flex-direction: column;
}

@media (min-width: 40em) {
  .center .split {
    flex-direction: row;
  }

  .center .split > * {
    flex-basis: 100%;
  }

  .center.split > a + a {
    padding: 2rem;
  }

  .mainPgBtns {
    display: inline-block;
    max-width: 20rem;
  }
}

div.center {
  text-align: center;
}