html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 20px;
}

  #side_view {
  width: 320px;
  height: 4390px;
  position: fixed;
  top: -13px;
  left: -13px;
  border: 2px solid rgb(185, 180, 180); 
  padding-bottom: 40px;
} 
#js_documentation {
  position: absolute;
  top: -10px;
  left: -50px;
  font-size: 25px;
  color: rgb(27, 22, 22);
  font-family: sans-serif;
}

.element{
  width: 310px;
  border: inset;
  height: 45px;
  position: relative;
  left: 10px;
  font-size: 22px;
}
#content {
  position: absolute;
  top: -1px;
  left: 310px;
  overflow: hidden;
}
a{
  text-decoration: none;
  font-size: 20px;
  position: absolute;
  top: 10px;
  left: 23px;
  color: rgb(27, 22, 22);
  font-family: sans-serif;
}

h1 {
  position: relative;
  font-family: Georgia, serif;
  font-size: 35px;
  color: black;
  font-weight: 900;
  text-decoration: underline;
  padding-left: 50px;
}
#header {
  font-family: Georgia, serif;
  font-size: 35px;
  color: black;
  text-decoration: underline;
  padding-left: 50px;
}
p {
  position: relative;
  top: -10px;
  font-style: oblique;
  padding-left: 70px;
  font-size: 18px;
  color: rgb(53, 46, 46);
}
ul {
  position: relative;
  left: 30px;
  padding-left: 90px;
  font-style: oblique;     
  font-size: 18px;
  padding-top: -20px;
  color: rgb(53, 46, 46);
}
code {
  position: relative;
  left: 90px;
  font-family: Consolas,"courier new";
  color: rgb(9, 8, 9);
  background-color: #e7e2e2;
  padding: 2px;
  font-size: 105%; }

  #mdn-link {
color: blue;
padding-left: 420px;
padding-top: 0px;
padding-bottom: 20px;
margin-top: -12px;
text-decoration: underline;
  }
  @media (max-width: 768px) {
  h1 {
    width: 358px;
  }

  p {
    width: 318px;
  }

  ul {
    width: 150px;
  }
}