@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}}.blog-image{border-radius:25px}.blog__container{grid-template-rows:.5fr 1fr}.blog__content{word-wrap:break-word;text-align:left;max-width:fit-content}.blog__content h2{font-size:2rem;margin-bottom:15px}.blog__content h3{font-size:1.5rem;margin-bottom:15px}.blog__content h4{font-size:1.2rem;margin-bottom:15px}.blog__content hr{border:3px solid #f9f7f7;margin:15px 0;border-radius:25px;width:50%}.blog__content a{color:#ec6868}.blog__content a:hover{color:#e9abab;transition:all .3s ease}.blog__content img{border-radius:25px;height:auto;border:3px solid whitesmoke;max-width:50vw;max-height:70vh}.blog__content .emote{max-width:none;margin:auto;border-radius:0;border-style:none}.blog__content .blog-image{border-style:none;max-width:60vw;max-height:40vh}.blog__content p{font-size:1.4rem}.blog__content li{margin-left:2cqb;font-size:1.4rem}.blog__content li li{margin-left:30px}.blog__content *{margin:10px 0}.blog__content .button{display:inline-block;margin:5px auto}.blog__content video{width:50vw}#back__container{padding-top:20px;color:#f5f5f5;display:flex;justify-content:left;align-items:left;margin:0 5px;text-align:center}#back__container span{font-size:1.3em;margin-right:10px}#back__container i{padding-left:5px;font-size:1.5em;margin-right:10px}#back__container a{border:3px solid whitesmoke;padding:5px;border-radius:25px;margin-right:10px;text-decoration:none;color:#f5f5f5}#back__container a:hover{border:3px solid #ec6868;color:#e9abab;transition:all .3s ease}@media screen and (max-width: 1000px){.blog__content h1{font-size:3rem}.blog__content h2{font-size:2rem}.blog__content .blog-image{max-width:75vw;max-height:50vh}.blog__content img{max-width:100%}.blog__content p{font-size:1.4rem}.blog__content li{max-width:90%;font-size:1.4rem}.blog__content hr{width:100%}.main__content .not-found-header,.blog__container .not-found-header{font-size:3rem}.main__content .not-found-image,.blog__container .not-found-image{max-width:400px}}@media screen and (max-width: 620px){.blog__content video{width:80vw}}@media screen and (max-width: 550px){.blog-info h1{font-size:2rem}.blog-info h2{font-size:1.5rem}.blog-info h3{font-size:1.2rem}}@media screen and (max-width: 480px){.blog__content p,.blog__content li{font-size:1.2rem}.main__content .not-found-header,.blog__container .not-found-header{font-size:2rem}.main__content .not-found-image,.blog__container .not-found-image{max-width:300px}}