.page-container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  min-width: 1132px;
}

.A {
  background-color: #c4ede0;
  display: flex;
  height: 500px;
  font-size: 18px;
}

.fonts {
  grid-column: 1 / span 2;
  grid-row: 2;
}

.text {
  
  background-size: 100%;
  background-repeat: no-repeat;
  grid-column: 2;
  grid-row: 2;
    background-image: url(http://robison.fsartanddesign.org/spring2020/GD50/imgs/brooke-bkgd.png);
}

.text p {
  font-family: avenir next;
  font-size: 20px;
  margin-top: 25em
}

h1 {
  font-size: 510px;
  font-weight: 400;
  font-family: "Avenir next";
  font-weight: regular;
  color: white;
  grid-column: 1;
  line-height: 2px;
}

.blue {
  color: royalblue;
  font-weight: bold;
}
.green {
  color: limegreen;
  font-weight: bold;
}
.purple {
  color: #cc00cc;
  font-weight: bold;
}

.tilt {
  transform: rotate(-23deg);
}

.AN {
  background-color: #ffb3b3;
}
.abc {
  color: white;
  font-family: "avenir next";
  font-size: 40px;
  margin-right: 120px;
  margin-left: 60px;
  line-height: 36px;
}
h2 {
  font-family: "avenir next";
  font-weight: 400;
  color: white;
  font-size: 100px;
  line-height: 0px;
  margin-left: 20px;
}
div {
/*   border: 1px solid; */
}
.slide {
  margin-left: -100px;
  margin-top: 90px;
  font-family: avenir next;
  font-size: 17px;
}
.au {
  font-family: avenir next;
  font-weight: 100;
  font-size: 26px;
  background: rgb(255, 234, 234);
  background: linear-gradient(
    90deg,
    rgba(255, 234, 234, 1) 0%,
    rgba(255, 234, 234, 0.7287289915966386) 35%,
    rgba(255, 234, 234, 0.09007352941176472) 100%
  );
}
.aui {
  font-family: avenir next;
  font-weight: 100;
  font-size: 26px;
  font-style: italic;
  background: rgb(255, 235, 230);
  background: linear-gradient(
    90deg,
    rgba(255, 235, 230, 1) 0%,
    rgba(255, 235, 230, 0.6587009803921569) 35%,
    rgba(255, 235, 230, 0.09007352941176472) 100%
  );
}
.ani {
  font-family: avenir next;
  font-style: italic;
  font-size: 26px;
  background: rgb(255, 245, 221);
  background: linear-gradient(
    90deg,
    rgba(255, 245, 221, 1) 0%,
    rgba(255, 245, 221, 0.6054796918767507) 35%,
    rgba(255, 245, 221, 0.10688025210084029) 100%
  );
}
.anm {
  font-family: avenir next;
  font-weight: 500;
  font-size: 26px;
  background: rgb(255, 255, 208);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 208, 1) 0%,
    rgba(255, 255, 208, 0.7595413165266106) 35%,
    rgba(255, 255, 208, 0.3785889355742297) 100%
  );
}
.anmi {
  font-family: avenir next;
  font-weight: 500;
  font-size: 26px;
  font-style: italic;
  background: rgb(247, 255, 221);
  background: linear-gradient(
    90deg,
    rgba(247, 255, 221, 1) 0%,
    rgba(247, 255, 221, 0.5522584033613445) 35%,
    rgba(247, 255, 221, 0.13209033613445376) 100%
  );
}
.andb {
  font-family: avenir next;
  font-weight: 600;
  font-size: 26px;
  background: rgb(221, 255, 224);
  background: linear-gradient(
    90deg,
    rgba(221, 255, 224, 1) 0%,
    rgba(221, 255, 224, 0.6138830532212884) 35%,
    rgba(221, 255, 224, 0.13209033613445376) 100%
  );
}
.andbi {
  font-family: avenir next;
  font-weight: 600;
  font-size: 26px;
  font-style: italic;
  background: rgb(227, 255, 252);
  background: linear-gradient(
    90deg,
    rgba(227, 255, 252, 1) 0%,
    rgba(227, 255, 252, 1) 35%,
    rgba(227, 255, 252, 0.13209033613445376) 100%
  );
}
.anb {
  font-family: avenir next;
  font-weight: 700;
  font-size: 26px;
  background: rgb(227, 241, 255);
  background: linear-gradient(
    90deg,
    rgba(227, 241, 255, 1) 0%,
    rgba(227, 241, 255, 0.5018382352941176) 35%,
    rgba(227, 241, 255, 0.21052170868347342) 100%
  );
}
.anbi {
  font-family: avenir next;
  font-weight: 700;
  font-size: 26px;
  background: rgb(246, 233, 255);
  background: linear-gradient(
    90deg,
    rgba(246, 233, 255, 1) 0%,
    rgba(246, 233, 255, 0.5018382352941176) 35%,
    rgba(246, 233, 255, 0.227328431372549) 100%
  );
}
.anh {
  font-family: avenir next;
  font-weight: 800;
  font-size: 26px;
  background: rgb(251, 233, 255);
  background: linear-gradient(
    90deg,
    rgba(251, 233, 255, 1) 0%,
    rgba(251, 233, 255, 0.5858718487394958) 35%,
    rgba(251, 233, 255, 0.227328431372549) 100%
  );
}
.anhi {
  font-family: avenir next;
  font-weight: 800;
  font-size: 25px;
  font-style: italic;
  background: rgb(255, 233, 252);
  background: linear-gradient(
    90deg,
    rgba(255, 233, 252, 1) 0%,
    rgba(255, 233, 252, 0.5578606442577031) 35%,
    rgba(255, 233, 252, 0.227328431372549) 100%
  );
}