.wrapper-home{position:relative;transition:all .75s ease-in-out;color:var(--tella-white);min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:flex;flex-direction:row}body{animation:body-background-fade 25s linear infinite}.home-hero{position:relative;width:65vw;height:100%;display:flex;flex-direction:column;justify-content:center;padding:50px;color:var(--tella-white);overflow:hidden}.home-hero .hero-background{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;-webkit-mask:var(--mask);mask:var(--mask);animation:mask-slide-vertical-right 4s linear infinite}.home-hero .hero-background,.home-hero .hero-background .story-image{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-30)}.home-hero .hero-background .story-image{display:block;object-fit:cover;opacity:0;transform:scale(1.15);animation-duration:25s;animation-iteration-count:infinite;animation-timing-function:linear}.home-hero .hero-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);z-index:2}.home-hero .hero-content{position:relative}.home-hero .hero-content h1{font-size:270%;padding:0 25% 0 0}.home-hero .hero-content .blurb-container{position:relative;height:120px;display:flex;justify-content:flex-start;align-items:center}.home-hero .hero-content .blurb-container .creator-blurb{background:var(--black-30);border-radius:100em;display:flex;padding:5px 20px 5px 30px;justify-content:flex-start;align-items:center;max-width:340px;gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:80%;color:var(--tella-white);position:absolute;bottom:40px;opacity:0;animation-name:blurb-fade;animation-duration:25s;animation-iteration-count:infinite;animation-timing-function:ease-out}.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{position:relative;width:35vw;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:50px 50px 0;gap:30px;transition:all .5s ease-out;align-items:center}.home-question .questions{flex-grow:2;width:100%;overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:row;position:relative}.home-question .questions .question{border-radius:40px;background:var(--black-15);height:auto;display:flex;flex-direction:column;justify-content:center;width:100%;padding:50px 40px 40px;position:relative;overflow:auto}.home-question .questions .question .ask{font-size:180%;margin-top:0}.home-question .questions .question .category{position:absolute;text-align:center;border-bottom-left-radius:100px;top:0;right:0;padding:10px 30px;font-size:70%;text-transform:uppercase;letter-spacing:3px;background:var(--black-10);color:var(--tella-white)}.home-question .questions .question .question-input input{text-transform:capitalize}.home-question .questions .question-nav{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.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{height:auto;flex-direction:column}.wrapper-home .site-nav a img{filter:none}.question .ask{text-align:center}.home-question{width:auto;padding:20px 8%}.home-question .helper-message{font-size:100%;text-align:center}.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);mask:var(--mask);animation:mask-slide-horizontal-bottom 4s linear infinite}.home-hero .hero-content h1{padding:0;text-align:center;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)}}