@import "./main/section/section.css";
@import "./main/header/headings.css";
@import "./aside/aside.css";

html {
  height: 100%;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  font-family: NuntioBold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #383838;
}

body {
  margin: 0;
}

main {
  max-width: 770px;
  position: relative;
  padding-left: 96px;
  /* margin-left: 518px; */
  padding-top: 8px;
}

aside {
  position: relative;
  height: 2135px;
  align-self: stretch;
  width: 518px;
  top: 0;
  bottom: 0;
  background-color: #282828;
  color: white;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

mark {
  background-color: #18181811;
}

em {
  color: #181818bb;
  font-style: normal;
  text-decoration: underline;
}

.body-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shadow-wrapper {
  -webkit-box-shadow: -1px 4px 16px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: -1px 4px 16px 0px rgba(34, 60, 80, 0.2);
  box-shadow: -1px 4px 16px 0px rgba(34, 60, 80, 0.2);
  width: 1500px;
  display: flex;
}