.wrapper-home{color:var(--tella-white);flex-direction:row;height:100dvh;min-height:100dvh;transition:all .75s ease-in-out;display:flex;position:relative}body{animation:25s linear infinite body-background-fade}.home-hero{width:65vw;height:100%;color:var(--tella-white);flex-direction:column;justify-content:center;padding:50px;display:flex;position:relative;overflow:hidden}.home-hero .hero-background{background:var(--black-30);mix-blend-mode:hard-light;--mask:radial-gradient(60.22px at calc(100% - 84px)50%,#000 99%,#0000 101%)0 calc(50% - 70px)/100% 140px,radial-gradient(60.22px at calc(100% + 49px)50%,#0000 99%,#000 101%)calc(100% - 35px)50%/100% 140px repeat-y;width:100%;height:100%;-webkit-mask:var(--mask);-webkit-mask:var(--mask);mask:var(--mask);animation:4s linear infinite mask-slide-vertical-right;position:absolute;top:0;left:0}.home-hero .hero-background .story-image{object-fit:cover;background:var(--black-30);opacity:0;width:100%;height:100%;animation-duration:25s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:0;left:0;transform:scale(1.15)}.home-hero .hero-background:after{content:"";z-index:2;background:#00000073;width:100%;height:100%;position:absolute;top:0;left:0}.home-hero .hero-content{position:relative}.home-hero .hero-content h1{padding:0 25% 0 0;font-size:270%}.home-hero .hero-content .blurb-container{justify-content:flex-start;align-items:center;height:120px;display:flex;position:relative}.home-hero .hero-content .blurb-container .creator-blurb{background:var(--black-30);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:340px;color:var(--tella-white);opacity:0;border-radius:100em;justify-content:flex-start;align-items:center;gap:15px;padding:5px 20px 5px 30px;font-size:80%;animation-name:blurb-fade;animation-duration:25s;animation-timing-function:ease-out;animation-iteration-count:infinite;display:flex;position:absolute;bottom:40px}.home-hero .hero-content .blurb-container .creator-blurb .blurb-icon{font-size:250%;line-height:0}.home-hero .hero-content .blurb-container .creator-blurb .icon-profile{border-radius:100em;width:30px;height:30px}.home-question{flex-direction:column;justify-content:space-between;align-items:center;gap:30px;width:35vw;height:100%;padding:50px 50px 0;transition:all .5s ease-out;display:flex;position:relative}.home-question .questions{flex-direction:row;flex-grow:2;width:100%;display:flex;position:relative;overflow:auto hidden}.home-question .questions .question{background:var(--black-15);border-radius:40px;flex-direction:column;justify-content:center;width:100%;height:auto;padding:50px 40px 40px;display:flex;position:relative;overflow:auto}.home-question .questions .question .ask{margin-top:0;font-size:180%}.home-question .questions .question .category{text-align:center;text-transform:uppercase;letter-spacing:3px;background:var(--black-10);color:var(--tella-white);border-bottom-left-radius:100px;padding:10px 30px;font-size:70%;position:absolute;top:0;right:0}.home-question .questions .question .question-input input{text-transform:capitalize}.home-question .questions .question-nav{flex-direction:row;justify-content:space-between;gap:10px;display:flex}.story-image:first-child{animation-name:kenburns-1;animation-delay:0s}.creator-blurb:first-of-type{animation-delay:0s}.story-image:nth-child(2){animation-name:kenburns-2;animation-delay:5s}.creator-blurb:nth-of-type(2){animation-delay:5s}.story-image:nth-child(3){animation-name:kenburns-3;animation-delay:10s}.creator-blurb:nth-of-type(3){animation-delay:10s}.story-image:nth-child(4){animation-name:kenburns-4;animation-delay:15s}.creator-blurb:nth-of-type(4){animation-delay:15s}.story-image:nth-child(5){animation-name:kenburns-5;animation-delay:20s}.creator-blurb:nth-of-type(5){animation-delay:20s}@keyframes blurb-fade{0%{opacity:0;transform:translateY(10px)}4%{opacity:1;transform:translateY(0)}19%{opacity:1;transform:translateY(0)}22%{opacity:0;transform:translateY(10px)}to{opacity:0}}@keyframes kenburns-1{0%{opacity:0;transform:scale(1.15)}4%{opacity:1;transform:scale(1.15)}19%{opacity:1;transform:scale(1)}22%{opacity:0;transform:scale(1)}to{opacity:0}}@keyframes kenburns-2{0%{opacity:0;transform:scale(1.15)translate(-4%,-4%)}4%{opacity:1;transform:scale(1.15)translate(-4%,-4%)}19%{opacity:1;transform:scale(1.15)translate(0)}22%{opacity:0;transform:scale(1.15)translate(0)}to{opacity:0}}@keyframes kenburns-3{0%{opacity:0;transform:scale(1.15)translate(4%)}4%{opacity:1;transform:scale(1.15)translate(4%)}19%{opacity:1;transform:scale(1.15)translate(0)}22%{opacity:0;transform:scale(1.15)translate(0)}to{opacity:0}}@keyframes kenburns-4{0%{opacity:0;transform:scale(1.15)translate(-4%,4%)}4%{opacity:1;transform:scale(1.15)translate(-4%,4%)}19%{opacity:1;transform:scale(1.15)translate(0)}22%{opacity:0;transform:scale(1.15)translate(0)}to{opacity:0}}@keyframes kenburns-5{0%{opacity:0;transform:scale(1)}4%{opacity:1;transform:scale(1)}19%{opacity:1;transform:scale(1.15)}22%{opacity:0;transform:scale(1.15)}to{opacity:0}}@keyframes body-background-fade{0%{background-color:#c0a600}19%{background-color:#c0a600}21%{background-color:#769bc8}39%{background-color:#769bc8}41%{background-color:#3e6a5b}59%{background-color:#3e6a5b}61%{background-color:#69a583}79%{background-color:#69a583}81%{background-color:#c86253}99%{background-color:#c86253}to{background-color:#c0a600}}@media (max-width:767px){.wrapper-home{flex-direction:column;height:auto}.wrapper-home .site-nav a img{filter:none}.question .ask{text-align:center}.home-question{width:auto;padding:20px 8%}.home-question .helper-message{text-align:center;font-size:100%}.home-question .helper-message h3{font-size:150%}.home-hero{width:auto;padding:20vh 10% 60px}.home-hero .hero-background{--mask:radial-gradient(42.43px at 50% calc(100% - 60px),#000 99%,#0000 101%)calc(50% - 60px)0/120px 100%,radial-gradient(42.43px at 50% calc(100% + 30px),#0000 99%,#000 101%)50% calc(100% - 30px)/120px 100% repeat-x;-webkit-mask:var(--mask);-webkit-mask:var(--mask);mask:var(--mask);animation:4s linear infinite mask-slide-horizontal-bottom}.home-hero .hero-content h1{text-align:center;padding:0;font-size:220%}.home-hero .hero-content .blurb-container{justify-content:center}.home-hero .hero-content .creator-blurb{margin:0 auto}}@media (min-width:1200px){.home-hero{padding:var(--tella-space-3xl)}}