body {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: small;
  font-variation-settings: "wdth" 100;
/*   background: #ffffff; */
  background-image: url(/images/inacademia_header.svg);
  background-repeat: no-repeat;
  background-position: left top;
/*   background-attachment: fixed; */
  background-size: 500pt;
}

div.header {
/*   position: absolute; */
  top: 10pt;
  color: white;
  margin: 0 0 190pt 0;
  white-space: nowrap;
/*   border: 1px solid black; */
}

div.sidebar {
/*  display: flex;
  flex-direction: column;
  justify-content: flex-end;*/
  font-size: smaller;
  width: 180pt;
  position: fixed;
  bottom: 30pt;
  left: 30pt;
/*   text-align: right; */
/*   border: 1px solid black; */
}

.sidebar img {
  height: 30pt;
  margin: 0pt 0 10pt 0;
}

div.content {
/*   margin: 200pt 0 0 200pt; */
  position: relative;
/*   margin: 100pt 0 0 0; */
/*   width: 100%; */
  padding: 0 0 0 230pt;
/*   border: 1px solid black; */
}

.content ul {
  padding-inline-start: 15pt;
/*   list-style-position: inside; */
}

.content li, p {
  margin: 0 0 4pt 0;
  width: 80%;
/*   border: 1px solid black; */
}

@media (max-width: 400pt) {
  div.content {
/*     margin: 200pt 0 0 20pt; */
    padding: 0;
  }
  div.sidebar {
    position: revert;
    margin: 40pt 0 0 0;
  }
}

a {
  text-decoration: unset;
}

p {
  margin: 4pt 0pt;
}

.input {
  font-size: 12pt;
  width: 75%;

}

.button {
  background-color: #f19022ff;
  border: none;
  color: white;
  padding: 4pt 16pt;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10pt;
  font-weight: bold;
  margin: 4pt 2pt;
  border-radius: 12pt;
}

.button:hover {
  background-color: #f19022ff;
  cursor: pointer;
}