<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ================================== */
/* ========== Class Styles ========== */
/* ================================== */

/* Horizontal Flexboxes */

.flex-hori {
  display: flex;
  justify-content: center;
  flex-direction: row;

  padding-top: 50px;
  padding-left: 15%;
  padding-right: 15%;

  display: flex;
  justify-content: flex-end;
  flex-direction: row;

  align-items: flex-end;
}

/* Vertical Flexboxes */
.flex-vert {
  margin-top: 50px;
  margin-bottom: 20px;

  min-height: 675px;

  display: flex;
  justify-content: flex-end;
  flex-direction: column;

  align-items: stretch;
}

/* Title box */
.title {
  width: 15%;
  margin-bottom: 125px;
  margin-left: 17.5%;
  /* padding-right: 2.5%; */
}

.title-content {
  text-overflow: clip;
  white-space: nowrap;

  position: absolute;


  /* margin-left: 17.5%; */

  transform-origin: bottom left;
  transform: rotate(-90deg);
}

.responsive-title {
  display: none;
  align-self: center;
  padding-bottom: 20px;
}

/* Menu boxes*/
.introduction {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 2.5%;

  height: 220px;

  border-style: solid;
  border-right-width: 15px;
  border-right-color: rgba(255, 255, 255, 1);

  background-color: rgba(70, 0, 0, 1);

  text-overflow: ellipsis;
  overflow: auto;
  box-shadow: -5px 5px 8px rgba(60, 0, 0, 1);
}

.intro-head{
  margin: 20px;


}
.intro-body{
  margin: 20px;

}

.container {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 35%;

  height: 75px;

  border-style: solid;
  border-right-width: 15px;
  border-right-color: rgba(255, 255, 255, 1);

  background-color: rgba(70, 0, 0, 1);

  transition-timing-function: ease-in-out;
  transition: 0.5s;
  box-shadow: -5px 5px 8px rgba(60, 0, 0, 1);
}

.container:hover {
  background-color: rgba(100, 0, 0, 1)
}

/* Menu Hyperlinks and Text */
.container-link {
  width: 95%;

  padding-top: 14px;
  padding-bottom: 22px;
  padding-right: 5%;

  text-align: right;
}

/* Responsive CSS */

@media screen and (max-width: 1402px) {
  .flex-hori {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media screen and (max-width: 913px) {
  .introduction {
    height: 250px;
  }
}

@media screen and (max-width: 856px) {
  .introduction {
    height: 285px;
  }
}

@media screen and (max-width: 735px) {
  /*.introduction {
    height: 325px;
  }*/

  .title {
    display: none;
  }

  .responsive-title {
    display: inline;
  }

  .container {
    margin-left: 2.5%;
  }
}

@media screen and (max-width: 530px) {
  .introduction {
    height: 325px;
  }
}

@media screen and (max-width: 430px) {
  .introduction {
    height: 385px;
  }
}


@media screen and (max-width: 365px) {
  .introduction {
    height: 450px;
  }
}
</pre></body></html>