@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  padding: 10;
  margin: 10;
  font-family: "Montserrat";
}

h1 {
  font-size: 48px;
  line-height: 1.3em;
}

h2 {
  font-size: 44px;
  line-height: 1.3em;
}

h3 {
  font-size: 40px;
  line-height: 1.3em;
}

h4 {
  font-size: 34px;
  line-height: 1.5em;
}

h5 {
  font-size: 28px;
  line-height: 1.8em;
}

h6 {
  font-size: 22px;
  line-height: 1.8em;
}

p {
  font-size: 18px;
  line-height: 1.8em;
}

.button {
  padding: 10px 20px;
  border: none;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button:hover {
  background-color: #f2f2f2;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-primary {
  background-color: #0075f2;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-primary:hover {
  background-color: #378eeb;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-secondary {
  background-color: #096b72;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-secondary:hover {
  background-color: #1d868d;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-success {
  background-color: #28a745;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-success:hover {
  background-color: #38c559;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-danger {
  background-color: #dc3644;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-danger:hover {
  background-color: #fc3d4d;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-warning {
  background-color: #ffc107;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-warning:hover {
  background-color: #ffcf3e;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-info {
  background-color: #00f2f2;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-info:hover {
  background-color: #24ffff;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-light {
  background-color: #f8f9fa;
  color: #000;
  cursor: pointer;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-light:hover {
  background-color: #f2f2f2;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-dark {
  background-color: #343a40;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.button-dark:hover {
  background-color: #4d4f52;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.border {
  border: 1px solid #000;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-d-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-d-c {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-d-cr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.jc-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.js-sa {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.js-se {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.jc-fs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.jc-fe {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.jc-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ai-fs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.ai-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ai-fe {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.height {
  height: 100px;
}
/*# sourceMappingURL=style.css.map */