/* screen - tell-your-story */

.animate-enter11 {
  animation: animate-enter11-frames 0.90s ease-in-out 0.00s 1 normal forwards;
  display: block;
opacity: 0;transform: translate(-25px, 0);
}
.animate-enter12 {
  animation: animate-enter12-frames 0.90s ease 0.00s 1 normal forwards;
  display: block;
opacity: 0;transform: translate(-25px, 0);
}
.border-1px-dove-gray {
  border: 1px solid var(--dove-gray);
}
.comicsansms-bold-black-shadows-56px {
  color: var(--black-shadows);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
}
.comicsansms-bold-bright-red-30px {
  color: var(--bright-red);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}
.comicsansms-bold-bright-red-50px {
  color: var(--bright-red);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
}
.comicsansms-bold-bright-red-60px {
  color: var(--bright-red);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
}
.comicsansms-bold-bright-red-71px {
  color: var(--bright-red);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 71px;
  font-style: normal;
  font-weight: 700;
}
.comicsansms-bold-vista-white-50px {
  color: var(--vista-white);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
}
.tell-your-story {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 768px;
  min-width: 1800px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
.tell-your-story .button-FTzWTX {
  background-color: var(--white);
  border-radius: 59px;
  bottom: calc(23.77% - 28px);
  height: 118px;
  left: 78px;
  position: absolute;
  width: 496px;
}
.tell-your-story .description-C61RwL {
  background-color: transparent;
  background-image: url(../img/container-2@1x.png);
  background-size: 100% 100%;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 876px;
opacity: 0;transform: translate(-25px, 0);
}
.tell-your-story .ellipse-1-ma3nP4 {
  background-color: var(--bright-red);
  border-radius: 28.5px/29px;
  height: 100%;
  left: 0px;
  opacity: 0.4;
  position: absolute;
  top: 0px;
  width: 57px;
}
.tell-your-story .ellipse-2-ma3nP4 {
  background-color: var(--bright-red);
  border-radius: 28.5px/29px;
  height: 100%;
  left: calc(50.00% - 28px);
  position: absolute;
  top: 0px;
  width: 57px;
}
.tell-your-story .ellipse-3-ma3nP4 {
  background-color: var(--bright-red);
  border-radius: 28.5px/29px;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 57px;
}
.tell-your-story .email-address-WemqFg {
  background-color: transparent;
  height: 80px;
  letter-spacing: 0.00px;
  line-height: 56px;
  position: absolute;
  right: 46px;
  text-align: center;
  top: 18px;
  white-space: nowrap;
  width: 376px;
}
.tell-your-story .forgot-password-FTzWTX {
  background-color: transparent;
  bottom: calc(15.80% - 13px);
  color: rgba(253,247,247,1.0);
  font-family: "Comic Sans MS", Helvetica;
  font-size: 45px;
  height: 81px;
  left: 123px;
  letter-spacing: 0.00px;
  line-height: 45px;
  position: absolute;
  text-align: center;
  width: 409px;
}
.tell-your-story .hear-C61RwL {
  background-color: transparent;
  bottom: calc(30.94% - 14px);
  height: 44px;
  left: calc(21.93% - 16px);
  letter-spacing: 0.00px;
  line-height: 30px;
  opacity: 0.4;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 72px;
}
.tell-your-story .help-us-educate-hare-your-story-BuUzOP {
  background-color: transparent;
  color: rgba(59,4,4,1.0);
  font-family: 'ComicSans MS-Regular', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: 212px;
  left: 33px;
  letter-spacing: 0.00px;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: calc(35.51% - 75px);
  width: 620px;
}
.tell-your-story .home-C61RwL {
  background-color: transparent;
  bottom: calc(30.94% - 14px);
  height: 44px;
  left: 200px;
  letter-spacing: 0.00px;
  line-height: 30px;
  opacity: 0.4;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 80px;
}
.tell-your-story .icon-metro-lock-JXfwxD {
  background-color: transparent;
  height: 67px;
  left: 42px;
  position: absolute;
  top: 23px;
  width: 58px;
}
.tell-your-story .icon-simple-minutemailer-WemqFg {
  background-color: transparent;
  height: calc(100.00% - 42px);
  left: 33px;
  position: absolute;
  top: 21px;
  width: 96px;
}
.tell-your-story .line-1-FTzWTX {
  background-color: transparent;
  height: 10px;
  left: 111px;
  position: absolute;
  top: calc(40.46% - 4px);
  width: 184px;
}
.tell-your-story .page-indicators-BuUzOP {
  background-color: transparent;
  bottom: calc(39.02% - 23px);
  height: 58px;
  left: calc(32.80% - 74px);
  position: absolute;
  width: 225px;
}
.tell-your-story .password-JXfwxD {
  background-color: transparent;
  height: 80px;
  letter-spacing: 0.00px;
  line-height: 56px;
  position: absolute;
  right: 177px;
  text-align: center;
  top: 23px;
  white-space: nowrap;
  width: 246px;
}
.tell-your-story .red-blood-cell-pic-C61RwL {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
opacity: 0;transform: translate(-25px, 0);
}
.tell-your-story .sickle-cell-stories-BuUzOP {
  background-color: transparent;
  color: var(--bright-red);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 65px;
  font-style: normal;
  font-weight: 700;
  height: 93px;
  left: 44px;
  letter-spacing: 0.00px;
  line-height: 65px;
  position: absolute;
  text-align: center;
  top: 115px;
  white-space: nowrap;
  width: 584px;
}
.tell-your-story .sign-in-C61RwL {
  background-color: transparent;
  background-image: url(../img/container-1@1x.png);
  background-size: 100% 100%;
  bottom: -730px;
  height: 1047px;
  left: 1px;
  position: absolute;
  width: 877px;
}
.tell-your-story .sign-in-FTzWTX {
  background-color: transparent;
  bottom: calc(23.63% - 20px);
  height: 85px;
  left: calc(32.10% - 64px);
  letter-spacing: 0.00px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 198px;
}
.tell-your-story .sign-up-FTzWTX {
  background-color: transparent;
  color: var(--fantasy);
  font-family: 'ComicSans MS-Regular', Helvetica;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  height: 85px;
  letter-spacing: 0.00px;
  line-height: 60px;
  opacity: 0.5;
  position: absolute;
  right: calc(41.64% - 85px);
  text-align: center;
  top: calc(39.63% - 34px);
  white-space: nowrap;
  width: 204px;
}
.tell-your-story .span0-MoxuAv {
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-style: normal;
  font-weight: 700;
  text-decoration: underline;
}
.tell-your-story .span1-MoxuAv {
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-style: normal;
  font-weight: 700;
}
.tell-your-story .tell-C61RwL {
  background-color: transparent;
  bottom: calc(30.94% - 14px);
  height: 44px;
  left: 295px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 56px;
}
.tell-your-story .text-button-FTzWTX {
  background-color: var(--white);
  border-radius: 59px;
  height: 118px;
  position: absolute;
  right: calc(49.77% - 117px);
  top: calc(19.85% - 23px);
  width: 235px;
}
.tell-your-story .text-fTFS8C {
  background-color: transparent;
  bottom: calc(12.12% - 10px);
  height: 85px;
  left: 49px;
  letter-spacing: 0.00px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 140px;
}
.tell-your-story .text-field-FTzWTX {
  background-color: var(--white);
  border-radius: 21px;
  bottom: calc(36.88% - 41px);
  box-shadow: 0px 15px 40px rgba(0,0,0,0.514);;
  height: 111px;
  left: 57px;
  position: absolute;
  width: 579px;
}
.tell-your-story .text-field-tTu2CN {
  background-color: var(--white);
  border-radius: 21px;
  bottom: calc(49.41% - 55px);
  box-shadow: 0px 15px 40px rgba(0,0,0,0.514);;
  height: 111px;
  left: 57px;
  position: absolute;
  width: 579px;
}
.tell-your-story .video-VXjSjG {
  background-color: transparent;
  bottom: calc(18.18% - 15px);
  height: 85px;
  left: 44px;
  letter-spacing: 0.00px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 160px;
}
.tell-your-story .video-button-FTzWTX {
  background-color: var(--white);
  border-radius: 59px;
  height: 118px;
  left: 46px;
  position: absolute;
  top: calc(16.03% - 19px);
  width: 245px;
}
:root {
  --black-shadows: rgba(191,174,174,1.0);
  --bright-red: rgba(178,8,8,1.0);
  --dove-gray: rgba(112,112,112,1.0);
  --fantasy: rgba(250,242,242,1.0);
  --vista-white: rgba(253,248,248,1.0);
  --white: rgba(255,255,255,1.0);
  --white-2: rgba(255,255,255,0.001);
}
@keyframes animate-enter11-frames {

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

from{opacity: 0;transform: translate(-25px, 0);}
to{opacity: 1;transform: translate(0,0);}
}