/* screen - home */

.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;
}
.home {
  background-color: rgba(255,255,255,1.0);
  height: 100vh;
  margin: 0px;
  min-height: 768px;
  min-width: 1800px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
.home .button-FTzWTX {
  --z-index: 4;
  background-color: rgba(255,255,255,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 59px;
  bottom: calc(23.77% - 28px);
  height: 118px;
  left: 78px;
  opacity: 1;
  position: absolute;
  width: 496px;
}
.home .confirm-FTzWTX {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(36.88% - 41px);
  height: 111px;
  left: 57px;
  opacity: 0;
  position: absolute;
  width: 579px;
}
.home .confirm-password-ZZMhuk {
  --z-index: 1;
  background-color: transparent;
  color: rgba(191,174,174,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  height: 66px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: 33px;
  text-align: center;
  top: 33px;
  white-space: nowrap;
  width: 392px;
}
.home .container-BuUzOP {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/container-2@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.home .container-FTzWTX {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/container-1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.home .description-C61RwL {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 876px;
}
.home .ellipse-1-ma3nP4 {
  --z-index: 0;
  background-color: rgba(178,8,8,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 28.5px/29px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 57px;
}
.home .ellipse-2-ma3nP4 {
  --z-index: 1;
  background-color: rgba(178,8,8,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 28.5px/29px;
  height: 100%;
  left: calc(50.00% - 28px);
  opacity: 0.4;
  position: absolute;
  top: 0px;
  width: 57px;
}
.home .ellipse-3-ma3nP4 {
  --z-index: 2;
  background-color: rgba(178,8,8,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 28.5px/29px;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 57px;
}
.home .email-address-WemqFg {
  --z-index: 1;
  background-color: transparent;
  color: rgba(191,174,174,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  height: 80px;
  letter-spacing: 0.00px;
  line-height: 56px;
  opacity: 1;
  position: absolute;
  right: 46px;
  text-align: center;
  top: 18px;
  white-space: nowrap;
  width: 376px;
}
.home .forgot-password-FTzWTX {
  --z-index: 6;
  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;
  opacity: 1;
  position: absolute;
  text-align: center;
  width: 409px;
}
.home .hear-C61RwL {
  --z-index: 5;
  background-color: transparent;
  bottom: calc(31.49% - 14px);
  color: rgba(178,8,8,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  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;
}
.home .home-C61RwL {
  --z-index: 3;
  background-color: transparent;
  bottom: calc(31.49% - 14px);
  color: rgba(178,8,8,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  height: 44px;
  left: 200px;
  letter-spacing: 0.00px;
  line-height: 30px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 80px;
}
.home .icon-metro-lock-JXfwxD {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/icon-metro-lock-1@1x.png);
  background-size: 100% 100%;
  height: 67px;
  left: 42px;
  opacity: 1;
  position: absolute;
  top: 23px;
  width: 58px;
}
.home .icon-metro-lock-ZZMhuk {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/icon-metro-lock-1@1x.png);
  background-size: 100% 100%;
  height: 67px;
  left: 42px;
  opacity: 1;
  position: absolute;
  top: 23px;
  width: 58px;
}
.home .icon-simple-minutemailer-WemqFg {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/icon-simple-minutemailer-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% - 42px);
  left: 33px;
  opacity: 1;
  position: absolute;
  top: 21px;
  width: 96px;
}
.home .line-1-FTzWTX {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x.png);
  background-size: 100% 100%;
  height: 10px;
  left: 111px;
  opacity: 1;
  position: absolute;
  top: calc(40.46% - 4px);
  width: 184px;
}
.home .page-indicators-BuUzOP {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(39.07% - 23px);
  height: 58px;
  left: calc(32.86% - 74px);
  opacity: 1;
  position: absolute;
  width: 225px;
}
.home .password-JXfwxD {
  --z-index: 1;
  background-color: transparent;
  color: rgba(191,174,174,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  height: 80px;
  letter-spacing: 0.00px;
  line-height: 56px;
  opacity: 1;
  position: absolute;
  right: 177px;
  text-align: center;
  top: 23px;
  white-space: nowrap;
  width: 246px;
}
.home .rectangle-1-JXfwxD {
  --z-index: 0;
  background-color: rgba(255,255,255,1.0);
  border-radius: 21px;
  box-shadow: 0px 15px 40px rgba(0,0,0,0.514);;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.home .rectangle-1-WemqFg {
  --z-index: 0;
  background-color: rgba(255,255,255,1.0);
  border-radius: 21px;
  box-shadow: 0px 15px 40px rgba(0,0,0,0.514);;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.home .rectangle-1-ZZMhuk {
  --z-index: 0;
  background-color: rgba(255,255,255,1.0);
  border-radius: 21px;
  box-shadow: 0px 15px 40px rgba(0,0,0,0.514);;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.home .sickle-cell-stories-BuUzOP {
  --z-index: 3;
  background-color: transparent;
  color: rgba(178,8,8,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 65px;
  font-style: normal;
  font-weight: 700;
  height: 93px;
  left: 42px;
  letter-spacing: 0.00px;
  line-height: 65px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 128px;
  white-space: nowrap;
  width: 584px;
}
.home .sickle-cell-sun-pic-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/RedBloodCells.jpeg);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.home .sign-in-C61RwL {
  --z-index: 2;
  background-color: transparent;
  bottom: -734px;
  height: 1047px;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: 877px;
}
.home .sign-in-FTzWTX {
  --z-index: 5;
  background-color: transparent;
  bottom: calc(23.63% - 20px);
  color: rgba(178,8,8,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  height: 85px;
  left: calc(32.10% - 64px);
  letter-spacing: 0.00px;
  line-height: 60px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 198px;
}
.home .sign-in-tTu2CN {
  --z-index: 7;
  background-color: transparent;
  color: rgba(250,242,242,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  height: 85px;
  left: 218px;
  letter-spacing: 0.00px;
  line-height: 60px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: calc(18.63% - 16px);
  white-space: nowrap;
  width: 198px;
}
.home .sign-up-FTzWTX {
  --z-index: 9;
  background-color: transparent;
  color: rgba(250,242,242,1.0);
  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;
}
.home .span0-MoxuAv {
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-style: normal;
  font-weight: 700;
  text-decoration: underline;
}
.home .span1-MoxuAv {
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-style: normal;
  font-weight: 700;
}
.home .tell-C61RwL {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(31.49% - 14px);
  color: rgba(178,8,8,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  height: 44px;
  left: 295px;
  letter-spacing: 0.00px;
  line-height: 30px;
  opacity: 0.4;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 56px;
}
.home .text-field-FTzWTX {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(36.88% - 41px);
  height: 111px;
  left: 57px;
  opacity: 1;
  position: absolute;
  width: 579px;
}
.home .text-field-tTu2CN {
  --z-index: 3;
  background-color: transparent;
  bottom: calc(49.41% - 55px);
  height: 111px;
  left: 57px;
  opacity: 1;
  position: absolute;
  width: 579px;
}
.home .were-listening-l-us-your-story-BuUzOP {
  --z-index: 1;
  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: 72px;
  letter-spacing: 0.00px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: calc(36.41% - 77px);
  width: 510px;
}
: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);
}
/* screen - sign-in */

.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;
}
.sign-in {
  background-color: rgba(255,255,255,1.0);
  height: 100vh;
  margin: 0px;
  min-height: 768px;
  min-width: 1800px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
.sign-in .button-FTzWTX {
  --z-index: 5;
  background-color: rgba(255,255,255,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 59px;
  bottom: calc(31.67% - 37px);
  height: 118px;
  left: 67px;
  opacity: 1;
  position: absolute;
  width: 496px;
}
.sign-in .confirm-FTzWTX {
  --z-index: 2;
  background-color: transparent;
  height: 111px;
  left: 56px;
  opacity: 0;
  position: absolute;
  top: calc(49.27% - 55px);
  width: 579px;
}
.sign-in .confirm-password-ZZMhuk {
  --z-index: 1;
  background-color: transparent;
  color: rgba(191,174,174,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  height: 66px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: 33px;
  text-align: center;
  top: 33px;
  white-space: nowrap;
  width: 392px;
}
.sign-in .container-BuUzOP {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/container-2@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.sign-in .container-FTzWTX {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/container-3@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 1043px);
}
.sign-in .description-C61RwL {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 876px;
}
.sign-in .ellipse-1-ma3nP4 {
  --z-index: 0;
  background-color: rgba(178,8,8,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 28.5px/29px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 57px;
}
.sign-in .ellipse-2-ma3nP4 {
  --z-index: 1;
  background-color: rgba(178,8,8,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 28.5px/29px;
  height: 100%;
  left: calc(50.00% - 28px);
  opacity: 0.4;
  position: absolute;
  top: 0px;
  width: 57px;
}
.sign-in .ellipse-3-ma3nP4 {
  --z-index: 2;
  background-color: rgba(178,8,8,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 28.5px/29px;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 57px;
}
.sign-in .email-address-WemqFg {
  --z-index: 1;
  background-color: transparent;
  color: rgba(191,174,174,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  height: 80px;
  letter-spacing: 0.00px;
  line-height: 56px;
  opacity: 1;
  position: absolute;
  right: 46px;
  text-align: center;
  top: 18px;
  white-space: nowrap;
  width: 376px;
}
.sign-in .forgot-password-FTzWTX {
  --z-index: 7;
  background-color: transparent;
  bottom: calc(23.48% - 19px);
  color: rgba(253,247,247,1.0);
  font-family: "Comic Sans MS", Helvetica;
  font-size: 45px;
  height: 81px;
  left: 112px;
  letter-spacing: 0.00px;
  line-height: 45px;
  opacity: 1;
  position: absolute;
  text-align: center;
  width: 409px;
}
.sign-in .icon-metro-lock-JXfwxD {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/icon-metro-lock-1@1x.png);
  background-size: 100% 100%;
  height: 67px;
  left: 42px;
  opacity: 1;
  position: absolute;
  top: 23px;
  width: 58px;
}
.sign-in .icon-metro-lock-ZZMhuk {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/icon-metro-lock-1@1x.png);
  background-size: 100% 100%;
  height: 67px;
  left: 42px;
  opacity: 1;
  position: absolute;
  top: 23px;
  width: 58px;
}
.sign-in .icon-simple-minutemailer-WemqFg {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/icon-simple-minutemailer-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% - 42px);
  left: 33px;
  opacity: 1;
  position: absolute;
  top: 21px;
  width: 96px;
}
.sign-in .line-1-FTzWTX {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x.png);
  background-size: 100% 100%;
  height: 10px;
  left: 102px;
  opacity: 1;
  position: absolute;
  top: calc(29.95% - 3px);
  width: 184px;
}
.sign-in .page-indicators-BuUzOP {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(35.97% - 21px);
  height: 58px;
  left: calc(32.86% - 74px);
  opacity: 1;
  position: absolute;
  width: 225px;
}
.sign-in .password-JXfwxD {
  --z-index: 1;
  background-color: transparent;
  color: rgba(191,174,174,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  height: 80px;
  letter-spacing: 0.00px;
  line-height: 56px;
  opacity: 1;
  position: absolute;
  right: 177px;
  text-align: center;
  top: 23px;
  white-space: nowrap;
  width: 246px;
}
.sign-in .rectangle-1-JXfwxD {
  --z-index: 0;
  background-color: rgba(255,255,255,1.0);
  border-radius: 21px;
  box-shadow: 0px 15px 40px rgba(0,0,0,0.514);;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.sign-in .rectangle-1-WemqFg {
  --z-index: 0;
  background-color: rgba(255,255,255,1.0);
  border-radius: 21px;
  box-shadow: 0px 15px 40px rgba(0,0,0,0.514);;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.sign-in .rectangle-1-ZZMhuk {
  --z-index: 0;
  background-color: rgba(255,255,255,1.0);
  border-radius: 21px;
  box-shadow: 0px 15px 40px rgba(0,0,0,0.514);;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.sign-in .rectangle-2-FTzWTX {
  --z-index: 0;
  background-color: rgba(255,255,255,1.0);
  height: 1080px;
  opacity: 0.8;
  position: absolute;
  right: 0px;
  top: 85px;
  width: 1592px;
}
.sign-in .sickle-cell-stories-BuUzOP {
  --z-index: 3;
  background-color: transparent;
  color: rgba(178,8,8,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 65px;
  font-style: normal;
  font-weight: 700;
  height: 93px;
  left: 42px;
  letter-spacing: 0.00px;
  line-height: 65px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: calc(20.84% - 19px);
  white-space: nowrap;
  width: 584px;
}
.sign-in .sickle-cell-sun-pic-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/RedBloodCells.jpeg);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.sign-in .sign-in-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% + 444px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: -222px;
  width: calc(100.00% + 120px);
}
.sign-in .sign-in-FTzWTX {
  --z-index: 6;
  background-color: transparent;
  bottom: calc(31.50% - 27px);
  color: rgba(178,8,8,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  height: 85px;
  left: calc(12.03% - 24px);
  letter-spacing: 0.00px;
  line-height: 60px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 198px;
}
.sign-in .sign-in-tTu2CN {
  --z-index: 8;
  background-color: transparent;
  color: rgba(250,242,242,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  height: 85px;
  left: 96px;
  letter-spacing: 0.00px;
  line-height: 60px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: calc(24.36% - 21px);
  white-space: nowrap;
  width: 198px;
}
.sign-in .sign-up-FTzWTX {
  --z-index: 10;
  background-color: transparent;
  color: rgba(250,242,242,1.0);
  font-family: 'ComicSans MS-Regular', Helvetica;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  height: 85px;
  left: calc(20.70% - 42px);
  letter-spacing: 0.00px;
  line-height: 60px;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  top: calc(24.36% - 21px);
  white-space: nowrap;
  width: 204px;
}
.sign-in .span0-MoxuAv {
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-style: normal;
  font-weight: 700;
  text-decoration: underline;
}
.sign-in .span1-MoxuAv {
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-style: normal;
  font-weight: 700;
}
.sign-in .text-field-FTzWTX {
  --z-index: 3;
  background-color: transparent;
  height: 111px;
  left: 56px;
  opacity: 1;
  position: absolute;
  top: calc(49.27% - 55px);
  width: 579px;
}
.sign-in .text-field-tTu2CN {
  --z-index: 4;
  background-color: transparent;
  height: 111px;
  left: 56px;
  opacity: 1;
  position: absolute;
  top: calc(36.74% - 41px);
  width: 579px;
}
.sign-in .were-listening-l-us-your-story-BuUzOP {
  --z-index: 1;
  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: 72px;
  letter-spacing: 0.00px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: calc(38.75% - 82px);
  width: 510px;
}
: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);
}
/* screen - sign-up */

.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;
}
.sign-up {
  background-color: rgba(255,255,255,1.0);
  height: 100vh;
  margin: 0px;
  min-height: 768px;
  min-width: 1800px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
.sign-up .button-FTzWTX {
  --z-index: 5;
  background-color: rgba(255,255,255,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 59px;
  bottom: calc(22.90% - 27px);
  height: 118px;
  left: 67px;
  opacity: 1;
  position: absolute;
  width: 496px;
}
.sign-up .confirm-FTzWTX {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(38.10% - 42px);
  height: 111px;
  left: 56px;
  opacity: 1;
  position: absolute;
  width: 579px;
}
.sign-up .confirm-password-ZZMhuk {
  --z-index: 1;
  background-color: transparent;
  color: rgba(191,174,174,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  height: 66px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: 43px;
  text-align: center;
  top: 29px;
  white-space: nowrap;
  width: 392px;
}
.sign-up .container-BuUzOP {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/container-2@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.sign-up .container-FTzWTX {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/container-7@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 1044px);
}
.sign-up .description-C61RwL {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 876px;
}
.sign-up .ellipse-1-ma3nP4 {
  --z-index: 0;
  background-color: rgba(178,8,8,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 28.5px/29px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 57px;
}
.sign-up .ellipse-2-ma3nP4 {
  --z-index: 1;
  background-color: rgba(178,8,8,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 28.5px/29px;
  height: 100%;
  left: calc(50.00% - 28px);
  opacity: 0.4;
  position: absolute;
  top: 0px;
  width: 57px;
}
.sign-up .ellipse-3-ma3nP4 {
  --z-index: 2;
  background-color: rgba(178,8,8,1.0);
  border: 1px solid rgba(112,112,112,1.0);
  border-radius: 28.5px/29px;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 57px;
}
.sign-up .email-address-WemqFg {
  --z-index: 1;
  background-color: transparent;
  color: rgba(191,174,174,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  height: 66px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: 114px;
  text-align: center;
  top: 27px;
  white-space: nowrap;
  width: 310px;
}
.sign-up .forgot-password-FTzWTX {
  --z-index: 7;
  background-color: transparent;
  bottom: calc(13.31% - 11px);
  color: rgba(253,247,247,1.0);
  font-family: "Comic Sans MS", Helvetica;
  font-size: 45px;
  height: 81px;
  left: 112px;
  letter-spacing: 0.00px;
  line-height: 45px;
  opacity: 0;
  position: absolute;
  text-align: center;
  width: 409px;
}
.sign-up .icon-metro-lock-JXfwxD {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/icon-metro-lock-1@1x.png);
  background-size: 100% 100%;
  height: 67px;
  left: 42px;
  opacity: 1;
  position: absolute;
  top: 23px;
  width: 58px;
}
.sign-up .icon-metro-lock-ZZMhuk {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/icon-metro-lock-1@1x.png);
  background-size: 100% 100%;
  height: 67px;
  left: 42px;
  opacity: 1;
  position: absolute;
  top: 23px;
  width: 58px;
}
.sign-up .icon-simple-minutemailer-WemqFg {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/icon-simple-minutemailer-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% - 42px);
  left: 33px;
  opacity: 1;
  position: absolute;
  top: 21px;
  width: 96px;
}
.sign-up .line-1-FTzWTX {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x.png);
  background-size: 100% 100%;
  height: 10px;
  left: 360px;
  opacity: 1;
  position: absolute;
  top: calc(29.95% - 3px);
  width: 184px;
}
.sign-up .page-indicators-BuUzOP {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(35.97% - 21px);
  height: 58px;
  left: calc(32.86% - 74px);
  opacity: 1;
  position: absolute;
  width: 225px;
}
.sign-up .password-JXfwxD {
  --z-index: 1;
  background-color: transparent;
  color: rgba(191,174,174,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  height: 66px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: 224px;
  text-align: center;
  top: 29px;
  white-space: nowrap;
  width: 202px;
}
.sign-up .rectangle-1-JXfwxD {
  --z-index: 0;
  background-color: rgba(255,255,255,1.0);
  border-radius: 21px;
  box-shadow: 0px 15px 40px rgba(0,0,0,0.514);;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.sign-up .rectangle-1-WemqFg {
  --z-index: 0;
  background-color: rgba(255,255,255,1.0);
  border-radius: 21px;
  box-shadow: 0px 15px 40px rgba(0,0,0,0.514);;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.sign-up .rectangle-1-ZZMhuk {
  --z-index: 0;
  background-color: rgba(255,255,255,1.0);
  border-radius: 21px;
  box-shadow: 0px 15px 40px rgba(0,0,0,0.514);;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.sign-up .rectangle-2-FTzWTX {
  --z-index: 0;
  background-color: rgba(255,255,255,1.0);
  height: 1080px;
  opacity: 0.8;
  position: absolute;
  right: 0px;
  top: 95px;
  width: 1597px;
}
.sign-up .sickle-cell-stories-BuUzOP {
  --z-index: 3;
  background-color: transparent;
  color: rgba(178,8,8,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 65px;
  font-style: normal;
  font-weight: 700;
  height: 93px;
  left: 42px;
  letter-spacing: 0.00px;
  line-height: 65px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: calc(20.84% - 19px);
  white-space: nowrap;
  width: 584px;
}
.sign-up .sickle-cell-sun-pic-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/RedBloodCells.jpeg);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.sign-up .sign-in-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% + 444px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: -234px;
  width: calc(100.00% + 121px);
}
.sign-up .sign-in-FTzWTX {
  --z-index: 8;
  background-color: transparent;
  color: rgba(250,242,242,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  height: 85px;
  left: 92px;
  letter-spacing: 0.00px;
  line-height: 60px;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  top: calc(24.71% - 21px);
  white-space: nowrap;
  width: 198px;
}
.sign-up .sign-up-FTzWTX {
  --z-index: 6;
  background-color: transparent;
  bottom: calc(22.98% - 20px);
  color: rgba(178,8,8,1.0);
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  height: 85px;
  left: calc(11.71% - 25px);
  letter-spacing: 0.00px;
  line-height: 60px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 212px;
}
.sign-up .sign-up-tTu2CN {
  --z-index: 10;
  background-color: transparent;
  color: rgba(250,242,242,1.0);
  font-family: 'ComicSans MS-Regular', Helvetica;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  height: 85px;
  left: calc(20.45% - 42px);
  letter-spacing: 0.00px;
  line-height: 60px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: calc(24.71% - 21px);
  white-space: nowrap;
  width: 204px;
}
.sign-up .span0-MoxuAv {
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-style: normal;
  font-weight: 700;
  text-decoration: underline;
}
.sign-up .span1-MoxuAv {
  font-family: 'ComicSans MS-Bold', Helvetica;
  font-style: normal;
  font-weight: 700;
}
.sign-up .text-field-FTzWTX {
  --z-index: 3;
  background-color: transparent;
  height: 111px;
  left: 56px;
  opacity: 1;
  position: absolute;
  top: calc(49.27% - 55px);
  width: 579px;
}
.sign-up .text-field-tTu2CN {
  --z-index: 4;
  background-color: transparent;
  height: 111px;
  left: 56px;
  opacity: 1;
  position: absolute;
  top: calc(36.74% - 41px);
  width: 579px;
}
.sign-up .were-listening-l-us-your-story-BuUzOP {
  --z-index: 1;
  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: 72px;
  letter-spacing: 0.00px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: calc(38.75% - 82px);
  width: 510px;
}
: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);
}