.hero{height:100vh;width:100%}.hero__caption{position:relative;z-index:-1;top:25vh;display:flex;flex-direction:column;color:light-dark(var(--indian-yellow-shade-900),var(--opal-shade-500));padding:.5rem;font-size:calc(1rem + .5vw);align-items:center}.hero__caption ul{list-style-type:none;padding:.5rem 0 0 .5rem}.hero__caption p{padding:.2rem}.hero__caption figcaption p:nth-child(2):after{content:" 😉"}.quotationist{top:30vh;padding:.5rem;height:30vh;justify-content:center}.quotationist,.quotes__bubble{display:flex;position:relative}.quotes__bubble{z-index:-1;flex:3 1;align-self:flex-start;max-width:60vw;height:auto}.quotes__bubble:after{content:"";position:absolute;left:-1.5rem;top:25%;border-top:1rem solid transparent;border-right:1.5rem solid light-dark(var(--indian-yellow-tint-200),var(--opal-shade-200));border-bottom:0 solid transparent;border-left:0 solid transparent;box-shadow:0 .2rem 0 light-dark(var(--indian-yellow-tint-400),var(--opal-tone-100))}.quotes__bubble-quote{width:max(min(24rem,60vw),40vw);box-shadow:.2rem .2rem 0 light-dark(var(--indian-yellow-tint-400),var(--opal-tone-100));background-color:light-dark(var(--indian-yellow-tint-200),var(--opal-shade-200));border-radius:1.3rem;padding:.8rem}.quote__author{font-size:calc(.8rem + .5vw);height:1rem;margin-top:.5rem}.quotationist__button{max-width:256px;flex:1 1;display:flex;justify-content:right}.quotationist__image{background:none;border:none;padding:.5rem;cursor:pointer}.quotationist__image img{max-width:100%;height:auto;animation:quotationist_image-pulsation 5s infinite}@keyframes quotationist_image-pulsation{0%,to{filter:drop-shadow(0 0 .3rem light-dark(var(--indian-yellow-tint-500),var(--opal-tint-100)))}50%{filter:drop-shadow(0 0 1rem light-dark(var(--indian-yellow-tint-900),var(--opal-tint-300)))}}.quotationist__image--fade-in{display:block;animation-name:quotationistImageFadeIn;animation-duration:3s;animation-timing-function:ease-in;animation-fill-mode:forwards}.quotes__bubble--fade-in{animation-name:quotationistImageFadeIn;animation-duration:6s;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes quotationistImageFadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}.quotationist__image--levitate{animation-name:quotationistImageLevitate;animation-duration:5s;animation-iteration-count:infinite;animation-direction:normal}@keyframes quotationistImageLevitate{0%{translate:0 0;rotate:0deg}50%{translate:0 1dvw;rotate:2deg}to{translate:0 0}}.loader{justify-self:center;border-radius:50%;border-right:1rem solid light-dark(var(--indian-yellow-tint-400),var(--opal-tint-500));border-left:1rem solid light-dark(var(--indian-yellow-tint-200),var(--opal-tone-100));border-bottom:1rem solid light-dark(var(--indian-yellow-tint-600),var(--opal-tone-300));height:1.5rem;width:1.5rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}