@import url("queries.css");
@import url("base.css");
@import url("parallax.css");

@import url("pages/landing.css");
@import url("pages/portfolio.css");
@import url("pages/cv.css");
@import url("pages/blog.css");

@import url("fragments/stickyheader.css");
@import url("fragments/simpleGreeting.css");
@import url("fragments/fancyGreeting.css");

@import url("fragments/makeVisible.css");

#top {
  scroll-padding-top: 11.5%;
  height: 100vh;
  overflow-y: auto;
  color: var(--primary-color);
}

ul.add-horizontal-rule > li:not(:last-child):after,
ol.add-horizontal-rule > li:not(:last-child):after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;

  margin: 2% 0;
  background: gray;
}

.content {
  position: relative;
  font-size: 200%;
  padding: 0 2%;
  width: var(--content-width);
  background: var(--background-color);
  overflow: visible;
}

.content-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  background: var(--background-color);
}