style.css

@import url("https://fonts.googleapis.com/css2?family=Bakbak+One&family=Karla:wght@200;300;400;500;600;700&family=PT+Sans:wght@400;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,800&family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap");
html {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: whitesmoke;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 24px;
  width: 96vw;
  border-radius: 8px;
  -webkit-box-shadow: 20px 20px 80px;
          box-shadow: 20px 20px 80px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2b2d2e), to(#1b1a1d));
  background: linear-gradient(#2b2d2e, #1b1a1d);
}

#header, #section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 4em;
}

#page-title {
  text-align: center;
  font-family: Raleway;
  font-size: 4vw;
  color: rgb(33, 33, 33);
  margin: 8px;
  background-color: #d8d8d8;
  padding: 0 36px;
  border-radius: 8px;
}

hr.top {
  margin-bottom: 24px;
}

hr.bottom {
  margin-top: 36px;
}

hr.line-1 {
  border-color: whitesmoke;
  width: 90vw;
}

hr.line-2 {
  -ms-flex-item-align: left;
      -ms-grid-row-align: left;
      align-self: left;
  border-color: #71777a;
  width: 80vw;
}

#content {
  font-family: Poppins;
  color: whitesmoke;
}

#content > h1 {
  font-weight: 500;
  margin-top: 64px;
  width: 100%;
  text-align: center;
  color: #e37933;
}

#content > h2 {
  font-weight: 400;
}

.code {
  font-family: cascadia code;
  font-size: 1.1em;
  color: #00caff;
}

#footer ul {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

#footer ul li {
  display: inline;
  color: rgb(255, 210, 81);
  font-family: Karla;
}
/*# sourceMappingURL=style.css.map */