@keyframes easeInToTop{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes easeOutToTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50%)}}@keyframes easeInToBottom{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}@keyframes easeOutToBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50%)}}@keyframes easeInToLeft{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}@keyframes easeInToRight{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(0)}}@keyframes easeOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50%)}}@keyframes disappear{0%{opacity:1}to{opacity:0}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes blackFade{0%{background-color:#000}to{background-color:#0d0d0d}}.astro-code{border:2px solid #ec6868;border-radius:15px;padding:10px}.astro-code code{word-wrap:break-word;background:none}.astro-code code span{font-family:monospace}figcaption{font-size:1rem;margin-bottom:20px;font-style:italic}code{background:#80808080;font-family:monospace;padding:0 4px;border-radius:5px}blockquote{border-left:5px solid #ec6868;background-color:#51505080;padding-left:10px;margin-left:10px;color:#cbcbcb}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}*::selection{color:#000;background:#ec6868}html{background-color:#0d0d0d;overflow-x:hidden}#topbar{height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:fixed;top:0;width:100%;z-index:999;margin-bottom:0;transition:background .5s ease,backdrop-filter .3s ease}.solid{background:#1a1a1a;transition:background .5s ease}.blur{background:#1a1a1ad8;transition:background .5s ease,backdrop-filter .3s ease;backdrop-filter:blur(10px)}.navbar_container{display:flex;justify-content:space-between;height:80px;z-index:1;width:100%;max-width:1300px;margin:0 auto;padding:0 50px}#navbar_logo{fill:#f5f5f5;align-items:center;cursor:pointer;display:flex;text-decoration:none;height:60px;transform:translateY(10px)}#navbar_logo:hover{fill:#e9abab;transition:all .3s ease}.navbar_menu{display:flex;align-items:center;list-style:none;text-align:center}.navbar_item{height:80px}.navbar_links{color:#ec6868;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0 1rem;height:100%}.navbar_links:hover{color:#e9abab;transition:all .3s ease}.button{border:3px #ec6868 solid;border-radius:25px;background:none;color:#ec6868;padding:10px 20px;text-decoration:none;cursor:pointer;transition:all .3s ease}.button:hover{color:#e9abab;border:3px #e9abab solid;transition:all .3s ease}#pagination{background:#1a1a1ad8;backdrop-filter:blur(5px);height:80px;display:flex;justify-content:center;align-items:center;font-size:1.7rem;position:sticky;width:70%;z-index:2;margin-left:auto;margin-right:auto;border-radius:25px;margin-top:2rem;bottom:1.5rem}.pagination__link{color:#f5f5f5;text-decoration:none;padding:8px}.pagination__link:hover{color:#e9abab;transition:all .3s ease}.pagination__link.disabled{color:#868484}.pagination__link.active{color:#ec6868}.emote{width:30px;height:30px}.link{color:#ec6868}.link:hover{color:#e9abab;transition:all .3s ease}main{margin-top:75px;color:#f5f5f5}main section{display:grid;grid-template-rows:auto;align-items:center;justify-self:center;text-align:center;margin:0 auto;height:90vh;z-index:1;width:100%;max-width:1300px;padding:0 25px}main section h1{font-size:3rem;margin-bottom:15px}main section h2{font-size:2rem;margin-bottom:15px}main section h3{font-size:1.5rem;margin-bottom:15px}main section p{font-size:1.2rem;margin-bottom:15px}main section hr{border:3px solid #f9f7f7;margin:15px 0;border-radius:25px}@media screen and (max-width: 960px){code{font-size:.9rem}.astro-code{width:80vw}ul .astro-code{width:70vw}blockquote{width:80vw}.navbar_container{display:flex;justify-content:space-between;height:80px;width:100%;max-width:1300px;padding:0}.navbar_menu{display:grid;grid-template-columns:auto;margin:0;width:100%;top:100%;left:1000px;position:absolute;transition:left .5s,opacity .5s,backdrop-filter .3s ease;opacity:0;height:80vh;z-index:-1;background:#1a1a1a}.navbar_menu.active{display:grid;top:100%;left:0;opacity:1;position:absolute;z-index:10;transition:left .5s,opacity .5s,backdrop-filter .3s ease;height:80vh;font-size:1.6rem;background:#1a1a1ad8}#navbar_logo{padding-left:25px}.navbar_toggle .bar{width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background:#fff;display:block;cursor:pointer}.navbar_item{width:100%;padding:.1rem}.navbar_links{text-align:center;font-size:2rem;width:100%;display:table}#mobile-menu{position:absolute;top:20%;right:5%;transform:translate(5%,20%);cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}#pagination{width:100%;bottom:1.5rem}#main_button .emote{width:15px;height:15px}}@media screen and (max-width: 600px){#pagination{height:60px}.pagination__link{font-size:1rem;margin:0;padding:5px}}@keyframes hr{0%{width:0%}to{width:75%}}@keyframes backgroundFadeIn{0%{backdrop-filter:blur(5px) brightness(0%)}to{backdrop-filter:blur(5px) brightness(35%)}}#mainHTML{overflow-x:hidden;background-color:#000;animation:1s ease-out .6s blackFade;animation-fill-mode:forwards}#main__title{font-size:7rem;animation:1s ease 0s 1 easeInToTop}#main__subtitle{font-size:3rem;opacity:0;animation:.5s ease-out 1s 1 easeInToBottom;animation-fill-mode:forwards}.anim1{animation:.5s ease-out 1s 1 easeOutToBottom;animation-fill-mode:forwards}.anim2{animation:.5s ease-out 1.5s 1 easeInToTop;animation-fill-mode:forwards}#main__paragraph{margin-top:25px;font-size:2rem;opacity:0;animation:.5s ease-out 2s 1 easeInToBottom,.5s ease-out 5s 1 easeOutToBottom;animation-fill-mode:forwards}#main__button{border:3px #ec6868 solid;border-radius:25px;background:none;color:#ec6868;padding:10px 20px;text-decoration:none;cursor:pointer;font-size:2em;opacity:0;animation:.5s ease-out 1.4s 1 appear;animation-fill-mode:forwards;transition:all .3s ease}#main__button:hover{color:#f5f5f5;border:3px whitesmoke solid;font-size:2.5em;transition:all .3s ease;background-color:#000}#contact__button{transition:all .3s ease}#contact__button:hover{color:#cf9fff;border:3px #CF9FFF solid;font-size:2.5em;transition:all .3s ease;background-color:#000}.warning-banner{position:relative;z-index:44;background-color:#c65050;top:0;text-align:center;padding:10px}.background{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;max-width:none}#main-section{top:-90px;position:relative;height:110vh}#joanne-section{top:-90px;position:absolute;height:110vh}.background-filter,.main-background-filter{position:relative}.background-filter:after,.main-background-filter:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;backdrop-filter:blur(5px) brightness(0%);animation:1s ease-out .6s backgroundFadeIn;animation-fill-mode:forwards}.non-blurred{z-index:999}.main__links{flex-wrap:wrap;position:relative;z-index:2;display:flex;margin-bottom:15px;align-items:center;list-style:none;justify-content:center;font-size:3rem;opacity:0;animation:.5s ease-out 1.5s 1 easeInToBottom;animation-fill-mode:forwards}.main__links a{color:#f5f5f5;fill:#f5f5f5;margin:0 10px;transition:all .3s ease;text-decoration:none}.main__links a:hover{color:#ec6868;fill:#ec6868;transition:all .3s ease;transform:scale(1.5);padding:0 10px}hr{border:3px solid whitesmoke;border-radius:7px;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;width:0}hr.active{animation:.7s ease 0s 1 hr;animation-fill-mode:forwards}.align_left{text-align:left}.align_left .content{order:1}.align_left img{order:2;justify-content:end;margin-left:auto}.align_right{text-align:right}.align_right img{justify-content:start;margin-right:auto}.next_section{display:grid;grid-template-columns:1fr 1fr}.next_section .section__image{border-radius:25px;height:auto;max-width:75%}.next_section .content{position:relative;top:0}.next_section h1{font-size:10rem}.next_section h2{font-size:5rem}.next_section h3{font-size:3rem}.next_section h4{font-size:2rem}.next_section p{font-size:1.5rem}.next_section .button{font-size:2rem}.contact__section .section__image{border-radius:25px;height:auto;max-width:75%}.contact__section .content{position:relative;top:0}.contact__section h1{font-size:10rem}.contact__section h2{font-size:5rem}.contact__section h3{font-size:3rem}.contact__section h4{font-size:2rem}.contact__section p{font-size:1.5rem}.contact__section .button{font-size:2rem}@media screen and (max-width: 960px){.background{background-attachment:scroll}hr{width:0}#main__title{font-size:4rem}#main__subtitle{font-size:2rem}#main__paragraph{font-size:1.5rem}.next_section{text-align:center;grid-template-columns:none;grid-template-rows:.3fr .3fr;height:fit-content;margin:50px 0}.next_section .content{order:2}.next_section .section__image{max-width:40vh;margin-top:15px;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;order:1;width:75%}.next_section h2{font-size:2.5rem}.next_section h3{font-size:2rem}.next_section h4{font-size:1.5rem}.next_section p{font-size:1.3rem}.next_section .button{font-size:1rem}.contact__section h2{font-size:2.5rem}.contact__section p{font-size:1.3rem}.contact__section .button{font-size:1.5rem}#main__button{font-size:1em}#main__button:hover{font-size:1.5rem}#contact__button{font-size:1em}#contact__button:hover{font-size:1.5rem}}