/* screen - designer-poster */

.designer-poster {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 1570px;
  min-width: 1200px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.designer-poster .group-144016-hjSw8m {
  background-color: transparent;
  height: 1023px;
  left: calc(49.90% - 455px);
  position: absolute;
  top: 300px;
  width: 911px;
}

.designer-poster .stahl-poster-A1XaHf {
  background-color: transparent;
  height: 390px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  right: calc(43.25% - 84px);
  top: 633px;
  transition: all 0.2s ease;
  width: 195px;
}

.designer-poster .stahl-poster-A1XaHf:hover {
  opacity: 1;
}

.designer-poster .stahl-poster-1ArwHG {
  background-color: transparent;
  height: calc(100.00% + 28px);
  left: -14px;
  object-fit: cover;
  position: absolute;
  top: -14px;
  width: calc(100.00% + 28px);
}

.designer-poster .faculty-show-poster-A1XaHf {
  background-color: transparent;
  height: 390px;
  left: 0px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  top: 633px;
  transition: all 0.2s ease;
  width: 390px;
}

.designer-poster .faculty-show-poster-A1XaHf:hover {
  opacity: 1;
}

.designer-poster .faculty-show-poster-zR1s3J {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .portfolio-fest-all-2017poster-A1XaHf {
  background-color: transparent;
  height: 280px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  right: calc(25.04% - 41px);
  top: 333px;
  transition: all 0.2s ease;
  width: 164px;
}

.designer-poster .portfolio-fest-all-2017poster-A1XaHf:hover {
  opacity: 1;
}

.designer-poster .portfolio-fest-all-2017poster-JiHQmb {
  background-color: transparent;
  height: calc(100.00% + 28px);
  left: -14px;
  object-fit: cover;
  position: absolute;
  top: -14px;
  width: calc(100.00% + 28px);
}

.designer-poster .portfolio-fest-all-2016poster-A1XaHf {
  background-color: transparent;
  height: 280px;
  left: calc(25.61% - 42px);
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  top: 333px;
  transition: all 0.2s ease;
  width: 166px;
}

.designer-poster .portfolio-fest-all-2016poster-A1XaHf:hover {
  opacity: 1;
}

.designer-poster .portfolio-fest-all-2016poster-XBBhSk {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .portfolio-fest-ll-2018poster2-A1XaHf {
  background-color: transparent;
  height: 280px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  right: calc(49.64% - 81px);
  top: 333px;
  transition: all 0.2s ease;
  width: 163px;
}

.designer-poster .portfolio-fest-ll-2018poster2-A1XaHf:hover {
  opacity: 1;
}

.designer-poster .portfolio-fest-ll-2018poster2-cebqEz {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .portfolio-fest-ll-2018poster3-A1XaHf {
  background-color: transparent;
  height: 280px;
  left: calc(100.00% - 166px);
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  top: 333px;
  transition: all 0.2s ease;
  width: 166px;
}

.designer-poster .portfolio-fest-ll-2018poster3-A1XaHf:hover {
  opacity: 1;
}

.designer-poster .portfolio-fest-ll-2018poster3-Ehb3oA {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .glaser-poster-2021-final-A1XaHf {
  background-color: transparent;
  height: 312px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  right: 0px;
  top: 1px;
  transition: all 0.2s ease;
  width: 194px;
}

.designer-poster .glaser-poster-2021-final-A1XaHf:hover {
  opacity: 1;
}

.designer-poster .glaser-poster-2021-final-WrE6Uc {
  background-color: transparent;
  height: calc(100.00% + 28px);
  left: -14px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: -14px;
  transition: all 0.2s ease;
  width: calc(100.00% + 28px);
}

.designer-poster .glaser-poster-2021-final-WrE6Uc:hover {
  opacity: 1;
}

.designer-poster .service-poster-A1XaHf {
  background-color: transparent;
  height: 312px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  right: calc(45.60% - 206px);
  top: 0px;
  transition: all 0.2s ease;
  width: 452px;
}

.designer-poster .service-poster-A1XaHf:hover {
  opacity: 1;
}

.designer-poster .service-poster-2TDJjc {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.designer-poster .heller-posternocrops-A1XaHf {
  background-color: transparent;
  height: 311px;
  left: 0px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.2s ease;
  width: 235px;
}

.designer-poster .heller-posternocrops-A1XaHf:hover {
  opacity: 1;
}

.designer-poster .heller-posternocrops-7oRoOU {
  background-color: transparent;
  height: calc(100.00% + 28px);
  left: -14px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: -14px;
  transition: all 0.2s ease;
  width: calc(100.00% + 26px);
}

.designer-poster .heller-posternocrops-7oRoOU:hover {
  opacity: 1;
}

.designer-poster .portfolio-fest-14final-poster-A1XaHf {
  background-color: transparent;
  height: 280px;
  left: 0px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  top: 333px;
  transition: all 0.2s ease;
  width: 171px;
}

.designer-poster .portfolio-fest-14final-poster-A1XaHf:hover {
  opacity: 1;
}

.designer-poster .portfolio-fest-14final-poster-6MpQgA {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 100%;
}

.designer-poster .portfolio-fest-14final-poster-6MpQgA:hover {
  opacity: 1;
}

.designer-poster .the-covid-classroom-A1XaHf {
  background-color: transparent;
  height: 389px;
  opacity: 0.25;
  pointer-events: auto;
  position: absolute;
  right: 0px;
  top: 633px;
  transition: all 0.2s ease;
  width: 293px;
}

.designer-poster .the-covid-classroom-A1XaHf:hover {
  opacity: 1;
}

.designer-poster .the-covid-classroom-JtOXCo {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .header-hjSw8m {
  background-color: transparent;
  height: 262px;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
}

.designer-poster .whitebox-hHGExv {
  background-color: var(--white);
  box-shadow: 0px 3px 6px #edeaea;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .idea-hHGExv {
  background-color: transparent;
  height: 45px;
  position: absolute;
  right: calc(49.97% - 92px);
  top: calc(35.46% - 16px);
  width: 185px;
}

.designer-poster .i-gHBLz9 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 31px;
  left: 7px;
  position: absolute;
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.designer-poster .i-gHBLz9.animate-enter25 {
  animation: animate-enter25-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter25-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.designer-poster .ellipse-4-xx0luf {
  background-color: var(--amaranth);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .group-143825-xx0luf {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  left: calc(49.63% - 2px);
  mix-blend-mode: normal;
  position: absolute;
  width: 4px;
}

.designer-poster .path-648-gRxwoN {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .i-hMwt8e {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 45px;
}

.designer-poster .i-hMwt8e:hover {
  opacity: 1;
}

.designer-poster .ellipse-4-543uGd {
  background-color: var(--amaranth);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .group-143825-543uGd {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  left: calc(49.63% - 3px);
  mix-blend-mode: normal;
  position: absolute;
  width: 6px;
}

.designer-poster .path-648-FTMXcK {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.designer-poster .d-gHBLz9 {
  background-color: transparent;
  height: 31px;
  left: calc(34.83% - 11px);
  position: absolute;
  top: calc(50.00% - 15px);
  width: 31px;
}

.designer-poster .ellipse-5-Vkr0HJ {
  background-color: var(--teal-blue);
  border-radius: 15.4px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  opacity: 0;
transform: translate(-25px, 0);
}

.designer-poster .ellipse-5-Vkr0HJ.animate-enter26 {
  animation: animate-enter26-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter26-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.designer-poster .group-143827-Vkr0HJ {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(45.86% - 6px);
  width: 13px;
}

.designer-poster .path-649-NK4TBo {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .e-gHBLz9 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 31px;
  position: absolute;
  right: calc(34.83% - 11px);
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.designer-poster .e-gHBLz9.animate-enter27 {
  animation: animate-enter27-frames 3.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter27-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.designer-poster .ellipse-6-VcvkYD {
  background-color: var(--ecstasy);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .group-143829-VcvkYD {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  left: calc(48.67% - 4px);
  mix-blend-mode: normal;
  position: absolute;
  width: 8px;
}

.designer-poster .path-650-xWakY7 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .a-gHBLz9 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 31px;
  position: absolute;
  right: 7px;
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.designer-poster .a-gHBLz9.animate-enter28 {
  animation: animate-enter28-frames 3.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter28-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.designer-poster .ellipse-7-fxpKZz {
  background-color: var(--pacifika);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .group-143831-fxpKZz {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(46.50% - 7px);
  width: 15px;
}

.designer-poster .path-651-0aiV2H {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .d-hMwt8e {
  background-color: transparent;
  height: 100%;
  left: calc(33.33% - 15px);
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.designer-poster .d-hMwt8e:hover {
  opacity: 1;
}

.designer-poster .ellipse-5-ljYxca {
  background-color: var(--teal-blue);
  border-radius: 22.31px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  opacity: 0;
transform: translate(-25px, 0);
}

.designer-poster .ellipse-5-ljYxca.animate-enter29 {
  animation: animate-enter29-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter29-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.designer-poster .group-143827-ljYxca {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(45.86% - 8px);
  width: 18px;
}

.designer-poster .path-649-BE5PCS {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .e-hMwt8e {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(33.33% - 15px);
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.designer-poster .e-hMwt8e:hover {
  opacity: 1;
}

.designer-poster .ellipse-6-pnmWpT {
  background-color: var(--ecstasy);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .group-143829-pnmWpT {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  left: calc(48.67% - 6px);
  mix-blend-mode: normal;
  position: absolute;
  width: 12px;
}

.designer-poster .path-650-Yg0OYg {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .a-hMwt8e {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: 0px;
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.designer-poster .a-hMwt8e:hover {
  opacity: 1;
}

.designer-poster .ellipse-7-VaWAjM {
  background-color: var(--pacifika);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .group-143831-VaWAjM {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(46.50% - 10px);
  width: 22px;
}

.designer-poster .path-651-7NOyjL {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .illustrator-des-educator-author-hHGExv {
  background-color: transparent;
  bottom: calc(24.35% - 4px);
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 13.6px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(49.86% - 151px);
  text-align: left;
  white-space: nowrap;
  width: 302px;
}

.designer-poster .jackharrisheadline-hHGExv {
  background-color: transparent;
  bottom: calc(38.62% - 16px);
  height: 42px;
  mix-blend-mode: normal;
  object-fit: cover;
  opacity: 0.4;
  position: absolute;
  right: calc(49.96% - 190px);
  width: 381px;
}

.designer-poster .rectangle-1874-hjSw8m {
  background-color: var(--white);
  height: 28px;
  left: calc(42.60% - 59px);
  position: fixed;
  top: 216px;
  width: 139px;
}

.designer-poster .group-144023-hjSw8m {
  background-color: transparent;
  height: 32px;
  left: calc(49.01% - 141px);
  position: fixed;
  top: 216px;
  width: 288px;
}

.designer-poster .logos-button-NVsgE6 {
  background-color: transparent;
  cursor: pointer;
  height: 32px;
  pointer-events: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  transition: all 0.4s ease;
  width: 144px;
}

.designer-poster .logos-button-NVsgE6:hover {
  transform: translate(-12px, 0);
}

.designer-poster .rectangle-1747-aDv4aq {
  background-color: var(--white);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.designer-poster .logos-aDv4aq {
  background-color: transparent;
  bottom: calc(40.00% - 7px);
  color: var(--black);
  font-family: var(--font-family-geomanist-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  height: 17px;
  left: 18px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  width: 114px;
}

.designer-poster .line-27-NVsgE6 {
  background-color: transparent;
  height: 1px;
  left: calc(15.41% - 15px);
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 96px;
}

.designer-poster .posters-NVsgE6 {
  background-color: transparent;
  color: #26b5c4;
  font-family: var(--font-family-geomanist-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  height: 17px;
  left: 0px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 159px;
}

.designer-poster .copyright-hjSw8m {
  background-color: transparent;
  bottom: 91px;
  height: 54px;
  left: 144px;
  position: absolute;
  width: 518px;
}

.designer-poster .copyright-2021-rris-design-inc-Sw23XB {
  background-color: transparent;
  bottom: -0.56%;
  height: 56px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 14.4px;
  position: absolute;
  text-align: left;
  width: 100.39%;
}

.designer-poster .component-59-3-hjSw8m {
  background-color: transparent;
  height: 31px;
  left: 39px;
  position: fixed;
  top: 25px;
  width: 555px;
}

.designer-poster .about-EDiBAl {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 12px);
  left: 0px;
  pointer-events: auto;
  position: absolute;
  top: -9px;
  transition: all 0.2s ease;
  width: 95px;
}

.designer-poster .about-EDiBAl:hover {
  transform: scale(1.1);
}

.designer-poster .rectangle-1882-9ca2dN {
  background-color: var(--white);
  height: calc(100.00% - 19px);
  left: 0px;
  position: absolute;
  top: 9px;
  width: 100%;
}

.designer-poster .about-9ca2dN {
  background-color: transparent;
  height: 21px;
  left: 11px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 13.16%;
  white-space: nowrap;
  width: calc(100.00% - 19px);
}

.designer-poster .contact-EDiBAl {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 12px);
  pointer-events: auto;
  position: absolute;
  right: 324px;
  top: -9px;
  transition: all 0.2s ease;
  width: 104px;
}

.designer-poster .contact-EDiBAl:hover {
  transform: scale(1.1);
}

.designer-poster .rectangle-1882-CEZBdA {
  background-color: var(--white);
  height: calc(100.00% - 19px);
  left: 4px;
  position: absolute;
  top: 9px;
  width: calc(100.00% - 9px);
}

.designer-poster .contact-CEZBdA {
  background-color: transparent;
  height: 21px;
  left: 0px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 13.16%;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.designer-poster .x-EDiBAl {
  background-color: transparent;
  bottom: -4px;
  height: 21px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  right: -2px;
  text-align: center;
  white-space: nowrap;
  width: 6px;
}