style.scss

@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&family=Merriweather:wght@400;700&display=swap');


:root {
  --white: #fff;
  --red: #f54932;
  --text-color: #313131;
  --link-color: #3057a2;

  --accent-font: "Merriweather", serif;
  --default-font: "Golos Text", sans-serif;
}

@mixin breakpoint {
  @media (min-width: 1366px) {
    @content;
  }
}

@mixin list-reset {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-indent: 0;
}

.body {
  font: 16px var(--default-font);
  font-optical-sizing: auto;
  color: var(--text-color);
  margin: 0;
}

.container {
  margin: 0 auto;
  width: 336px;
  @include breakpoint{ width: 1222px }
}

.stroke {
  text-decoration: line-through;
  text-decoration-color: red;
}

.link {
  color: var(--link-color);
  text-decoration: none;
}

.reset {
  all: unset;
}

@import "h1";
@import "h2";
@import "button";
@import "header";
@import "marquee";
@import "table";
@import "welcome";
@import "participants";
@import "footer";