:root {
  --color-primary: #c69963;
  --color-primary-dark: #B28451;
  --color-secondary: #101d2c;
  --color-grey-light-2: #aaa;
  --color-grey-light-1: #f9f7f6;
  --color-grey-dark-1: #54483A;
  --color-grey-dark-2: #6D5D4B;
}

* {
  margin: 0;
  padding: 0;
}

*, *::before, *::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 65.5%;
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-grey-dark-2);
  background-image: linear-gradient(to right bottom, var(--color-primary), var(--color-primary-dark));
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
}

.header {
  text-align: center;
  padding: 0.5rem;
}

.symbol {
  max-width: 15rem;
}

.winter {
  max-width: 25%;
}

.sub-container {
  background-image: url("../img/displaybricks-main-picture.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 75%;
  height: 90vh;
  margin: 5rem auto;
  border-radius: 5px;
}

.news {
  background-color: var(--color-grey-light-1);
  opacity: 0.9;
  max-width: 75%;
  margin: 5rem auto;
  text-align: center;
  padding: 5rem;
  border-radius: 5px;
  box-shadow: 10px 10px 5px var(--color-grey-dark-2);
}

h1 {
  text-align: center;
  font-size: 2rem;
}

p {
  font-size: 1.4rem;
}