* {
  font-family: 'Roboto', sans-serif;
}

body {
  margin: 40px;
}

/* Readme site */

a {
  text-decoration: unset !important;
}

#index-page {
  padding-top: 30px;
}

#example-page {
  padding-top: 30px;
}

#random-content {
  text-decoration-line: line-through;
  text-decoration-thickness: 1.2em;
  text-decoration-skip: edges;
  text-decoration-color: lightgray;
}

.sticky-ad {
  border: solid 1px black;
  width: 300px;
  min-height: 250px;
}

#example-filler {
  height: 4e3px;
}

#example-smaller-filler {
  height: 1.5e3px;
  border: solid 1px black;
  padding-bottom: 20px;
}

#stop-sticky {
  width: 300px;
  height: 250px;
  background-color: darkred;
  color: white;
  font-size: 3em;
  margin: auto;
  text-align: center;
  line-height: 250px;
}

/* Using position sticky */

#sidebar {
  top: 0;
  position: -webkit-sticky;
  position: sticky;
}

#content-filler {
  border: solid 1px black;
}

#sticky-content {
  top: 0;
  position: -webkit-sticky;
  position: sticky;
  height: 600px;
}

#sticky-content-double-unit {
  top: 0;
  position: -webkit-sticky;
  position: sticky;
  height: 600px;
}

#stop-sticky-modern {
  background-color: darkred;
  color: white;
  font-size: 3em;
  text-align: center;
}