.article .annotation {
  width: auto; }
  .article .annotation .header {
    color: white;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    margin-bottom: 6vh; }
    .article .annotation .header h1 {
      margin: 0; }
  .article .annotation .annotation-layout {
    display: flex; }
    .article .annotation .annotation-layout .annotation-image {
      align-self: flex-start;
      flex-grow: 1;
      position: sticky;
      margin-right: 5vw;
      top: 0;
      padding-top: 3vh; }
      .article .annotation .annotation-layout .annotation-image img {
        width: 100%; }
    .article .annotation .annotation-layout .annotation-info {
      max-width: 50%; }
      .article .annotation .annotation-layout .annotation-info > :first-child {
        margin-top: 3vh; }
      .article .annotation .annotation-layout .annotation-info h2 {
        margin-top: 5vh; }
      .article .annotation .annotation-layout .annotation-info ul li {
        padding-bottom: 2.5vh; }
  .article .annotation .annotation-link {
    float: right;
    margin-top: 4vh; }
    .article .annotation .annotation-link button {
      padding: 1vh 1vw; }

/*# sourceMappingURL=annotation.sass.css.map */