:root {
  --clr-rnuucell: #0041af;
  --clr-navbar-hover: #077dfb;
  --clr-mainimage-logo: #ffffff;
  --clr-mainimage-text: #ffe6b8;
  --clr-menu-trigger: #000;
  --clr-text-custom: #0041af;
}

::selection {
  background: rgb(180, 231, 255);
  color: #444;
}

.myH2 {
  text-align: center;
  font-size: 2rem;
  font-family: "Roboto", serif;
  font-weight: 100;
  color: #003771;

  margin: 0;
}

/* Combine classes to control the alignment */
.myH2.text-align-left {
  text-align: left;
}

.myH2.text-align-right {
  text-align: right;
}
.myH2.text-align-center {
  text-align: center;
}
.change-font {
  font-family: "Maven Pro", serif;
  font-weight: 600;
}
.myP {
  font-family: "Roboto", serif;
  font-weight: 100;
  color: #003771;
  text-align: justify;

  font-size: 1.2rem;
}

.myH2.text-white {
  color: white;
}
.myH2.text-black {
  color: rgb(0, 0, 0);
}
.text-white {
  color: white;
  /*font-family: "Lato", sans-serif;*/
}
.text-black {
  color: black;
  /*font-family: "Lato", sans-serif;*/
}
.text-444 {
  color: #444;
  /*font-family: "Lato", sans-serif;*/
}

.text-gray {
  color: rgb(43, 44, 46);
  /*font-family: "Lato", sans-serif;*/
}
.text-color {
  color: var(--clr-text-custom);
  /*font-family: "Lato", sans-serif;*/
}
.uppercase {
  text-transform: uppercase;
}
@media all and (max-width: 700px) {
  .myP {
    padding: 2%;
  }
}

.writing-subsection {
}
.glow {
  filter: drop-shadow(0px 0px 5px #ffffff80);
}
.color-square.one {
  background-color: #ffffff00;
  /*background-image: linear-gradient(
    60deg,
    #093480 8.4%,
    #09185d 8.5%,
    #09185d 10%,
    #238e5f 10.01%,
    #238e5f 11.99%,
    #ffffff00 12%,
    #ffffff00 90%,
    #093480 90.1%,
    #093480 100%
  );*/

  /*left: 50%;

  background-image: url(assets/strips0.png);
  background-repeat: no-repeat;
  background-size: cover;

  /*background-color: #313ab1;*/
  /*background-image: linear-gradient(
    110deg,
    #212677 0%,
    #212677 49.999%,
    #313ab1 50%
  );*/
}
.color-square.two {
  /*background-image: linear-gradient(
    143deg,
    #172a6a 8.4%,
    #09185d 8.5%,
    #09185d 10%,
    #238e5f 10.01%,
    #238e5f 11.99%,
    #ffffff 12%,
    rgb(255, 255, 255) 100%
  );*/
  background-color: #062889;
}
.color-square.three {
  background-color: #041b58;
}
.color-square.four {
  background-color: #020a22;
  color: #ccc;
  font-size: 1.4rem;
}
.color-square.ribbon {
  background-image: url(assets/lavender-ribbon.jpg);
  background-repeat: no-repeat;
}
.color-square.four {
  display: flex;
  justify-content: center;
  align-items: center;
}
.color-square.four {
  text-align: center;
}

.writing-section {
  /*width: max(80%, 80vw); */
  padding-top: 60px;
  padding-bottom: 30px;
  margin: 0 auto; /* Use auto margins to center the div horizontally */
  border-radius: 25px;
  padding-left: 20%;
  padding-right: 20%;
  gap: 10%;
}
.bg-ribbon {
  position: relative;
  background-image: url(assets/lavender-ribbon-big4a-upscaled.jpg);
  /*background-image: url(assets/photo_lavender-ribbon2.png);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center left;
}
@media screen and (max-width: 1280px) {
  .writing-section {
    padding-left: 10%;
    padding-right: 10%;
  }
  .writing-section.pipeline {
    margin: 0 auto; /* Use auto margins to center the div horizontally */
    border-radius: 25px;
    padding-left: 2%;
    padding-right: 2%;
    gap: 5;
  }
}

.filterdark {
  filter: grayscale(180%);
  filter: contrast(40%);

  filter: brightness(60%);
}
.filternotsodark {
  filter: grayscale(180%);
  filter: contrast(40%);

  filter: brightness(80%);
}