@layer reset, components, layout;

@import url('styles/reset.css') layer(reset);

@import url('styles/layout.css') layer(layout);
@import url('styles/theme.css') layer(layout);
@import url('styles/background.css') layer(layout);

@import url('styles/header.css') layer(components);
@import url('styles/navigation.css') layer(components);
@import url('styles/footer.css') layer(components);
@import url('styles/content.css') layer(components);

* {
  box-sizing: border-box;
}

h1 {
  margin: 0;
}

body {
  color: var(--main-text-color);
  padding: var(--container-padding);
  margin: 0;
  font-family: var(--default-font);
}

/* GUESTBOOK (to be moved) */

.guestbook-iframe {
  width: 100%;
  height: 700px;
  border: none;
}