@keyframes particleAnimation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes fadeInScaleUpAnimation{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes simpleFadeIn{0%{opacity:0}to{opacity:1}}html,body{overflow-x:hidden}body{background-color:#0b0c14;color:#f3f4f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative}body ::-moz-selection{background-color:#e73c7e80;opacity:.5;color:#fff}body ::selection{background-color:#e73c7e80;opacity:.5;color:#fff}body #bg-glow{position:absolute;top:-400px;width:80%;min-width:900px;margin-inline:auto;left:50%;z-index:-1;animation-fill-mode:both;transform:translateZ(0) translate(-50%);filter:blur(130px)}body #bg-glow g ellipse{fill:#e73c7e}@media (prefers-reduced-motion: no-preference){body #bg-glow{animation:bg-glow-animation .8s ease-in forwards}}@media (prefers-reduced-motion){body #bg-glow{opacity:.2}}@keyframes bg-glow-animation{0%{top:-600px;opacity:0}to{top:-400px;opacity:.2}}body #vignette{position:fixed;pointer-events:none;height:100vh;top:0;left:0;right:0;background:radial-gradient(ellipse at center,#0000,#00000040 170vh)}body #bg-grain{position:absolute;width:100%;top:0;left:0;bottom:0;min-height:100%;opacity:.06;background-repeat:repeat;background-size:100px;pointer-events:none}body #particle-container{position:fixed;pointer-events:none;left:0;top:0;height:100%}body #particle-container .particle{position:absolute;background-color:#e73c7e;width:3px;height:3px;border-radius:50%;opacity:0;animation:particleAnimation .4s ease-out forwards}body .nice-hr{line-height:1em;position:relative;outline:0;border:0;text-align:center;height:1.5em;opacity:.9}body .nice-hr:before{content:"";background:linear-gradient(to right,transparent,#818078,transparent);position:absolute;left:0;top:50%;width:100%;height:1px}*:focus-visible{outline:2px solid rgba(231,60,126,.8196078431);border-radius:16px}nav{min-height:9em;display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1152px;margin-inline:auto;padding-inline:1.5em;color:#fff}nav #left{display:flex;flex-direction:column;justify-content:center}nav #left h1{font-size:1.5em;font-weight:500}nav #left h2{font-size:1.25em}nav #right{display:flex;align-items:center;gap:1.75em;font-size:1.5em}nav #right li a{opacity:.8;will-change:transform}nav #right li a:hover,nav #right li a.active{opacity:1}nav #right li a.active{font-weight:500}@media (prefers-reduced-motion: no-preference){nav{opacity:0;animation:simpleFadeIn .8s ease forwards}}article{padding:.25em;background-color:#1b1c2a;border:1px solid #282B3A;border-radius:20px;overflow:hidden;position:relative;width:100%}h6{font-size:.9em;color:#e73c7e;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.links{position:absolute;display:flex;bottom:1.5em;right:1.5em;gap:.4em}.likeContainer{display:flex;align-items:center;gap:.4em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.likeContainer .likeCounter{font-weight:700;font-size:.9em;transition:color ease-in .2s;color:#e2e8ffcc}.likeContainer svg{height:1em;transition:rotate ease-in .2s,scale ease .2s,box-shadow ease .2s;rotate:0deg;scale:1;overflow:visible}.likeContainer svg path{fill:#e2e8ffb3}.likeContainer.glass{box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;backdrop-filter:blur(4em);-webkit-backdrop-filter:blur(4em);background-color:#19191972;border:1px solid rgba(255,255,255,.076)}@-moz-document url-prefix(){.likeContainer.glass{backdrop-filter:unset;-webkit-backdrop-filter:unset;background-color:#323232e6}}.likeContainer.glass{padding:.4em .7em;border-radius:10px}.likeContainer.liked .likeCounter{color:#e2e8ff}.likeContainer.liked svg path{fill:#e73c7e}.likeContainer:not(.liked):hover .likeCounter{color:#e2e8ff}.likeContainer:not(.liked):hover svg{rotate:10deg;scale:1.1}.likeContainer:not(.liked):hover svg path{fill:#e592bf}.visitContainer{display:flex;align-items:center;gap:.8em;cursor:pointer;position:relative;overflow-x:hidden;max-width:50px;justify-content:flex-end;white-space:nowrap;transition:max-width ease-in .2s,gap ease-in .2s}.visitContainer.glass{padding:.4em .7em;border-radius:10px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;backdrop-filter:blur(4em);-webkit-backdrop-filter:blur(4em);background-color:#19191972;border:1px solid rgba(255,255,255,.076)}@-moz-document url-prefix(){.visitContainer.glass{backdrop-filter:unset;-webkit-backdrop-filter:unset;background-color:#323232e6}}.visitContainer svg{min-width:24px}.visitContainer:hover{max-width:140px;gap:.4em}.glassHover{transition:.3s transform,.3s background-color,.3s border}@media (prefers-reduced-motion: no-preference){.glassHover:hover,.glassHover:has(a:focus:not(:active)){transform:scale(1.015)}.glassHover:before{position:absolute;content:"";box-shadow:0 0 100px 40px #ffffff26;top:-10%;left:-100%;transform:rotate(-45deg);height:60rem;transition:.4s all;z-index:1}.glassHover:hover:before,.glassHover:has(a:focus):before{top:-100%;left:200%}}main{padding-inline:1.5em;margin-block:1em;max-width:1152px;margin-inline:auto}main .tagContainer{display:flex;gap:.5em;align-items:center}main .tagContainer span{border-radius:10px;background-color:#1f2937;padding:.25em .4em .3em;line-height:1.3em;box-sizing:border-box;transition:.4s background-color}body.home main #projects #post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20em,100%),1fr));grid-template-rows:masonry;justify-content:center;grid-gap:1.75em;margin-top:1.75em}body.home main #projects #post-grid>.article-wrapper{align-self:start}@media (prefers-reduced-motion: no-preference){body.home main #projects .article-wrapper:hover{transform:perspective(5000px) rotateY(var(--rotateX)) rotateX(var(--rotateY))}@supports (hanging-punctuation: first) and (-webkit-appearance: none){body.home main #projects .article-wrapper:hover{transform:unset}}}body.home main #projects article{display:flex}@media (prefers-reduced-motion: no-preference){body.home main #projects article{opacity:0;animation:fadeInScaleUpAnimation .8s ease forwards;transform-origin:center}}body.home main #projects article a{display:flex;align-items:center;position:relative;width:100%}body.home main #projects article a .info{padding:1.5em;width:100%}body.home main #projects article a .info h3{font-size:1.875em;font-weight:700}body.home main #projects article a .info .top{display:flex;justify-content:space-between;align-items:center}body.home main #projects article a .info p{margin-block:1em}body.home main #projects article a img{display:block;border-radius:16px;height:100%;width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;overflow:hidden}body.home main #projects article:hover,body.home main #projects article:has(a:focus:not(:active)){background-color:#212233;border:1px solid #3b3f55}body.home main #projects .article-wrapper#latest{display:flex;grid-column:1/span 3}body.home main #projects .article-wrapper#latest .info{padding-right:3em}body.home main #projects .article-wrapper#latest .info .top{margin-bottom:1em}body.home main #projects .article-wrapper#latest .info .top h6{font-size:.9em}body.home main #projects .article-wrapper#latest:hover .tagContainer span{background-color:#263243}body.home main #projects .article-wrapper:not(#latest) a{position:relative;display:flex;flex-direction:column;align-items:center}body.home main #projects .article-wrapper:not(#latest) a .info{padding:1em}body.home main #projects .article-wrapper:not(#latest) a .info .top{margin-bottom:1em}body.home main #projects .article-wrapper:not(#latest) a .info .top h6{font-size:.8em}body.home main #projects .article-wrapper:not(#latest) a .info h3{font-size:1.25rem;font-weight:700}body.home main #projects .article-wrapper:not(#latest) a .info p{margin-block:.5em}body.home main #projects .article-wrapper:not(#latest) a .tagContainer{position:absolute;bottom:15px;right:15px}body.home main #projects .article-wrapper:not(#latest) a .tagContainer span{font-size:.9em;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;backdrop-filter:blur(4em);-webkit-backdrop-filter:blur(4em);background-color:#19191972;border:1px solid rgba(255,255,255,.076)}@-moz-document url-prefix(){body.home main #projects .article-wrapper:not(#latest) a .tagContainer span{backdrop-filter:unset;-webkit-backdrop-filter:unset;background-color:#323232e6}}body.home main #projects .article-wrapper:not(#latest) a img{display:block;max-width:100%}body.home main #support{max-width:900px;padding-inline:4em;margin-top:4em;margin-inline:auto}@media (prefers-reduced-motion: no-preference){body.home main #support{opacity:0;animation:simpleFadeIn .8s ease forwards}}body.home main #support h3,body.home main #support h6{text-align:center}body.home main #support h3{font-size:2.2em;margin-bottom:1em}body.home main #support p{text-align:justify;font-size:1.2em}@media only screen and (max-width: 850px) and (min-width: 630px){body.home main #projects{margin-top:1.5em;gap:1.5em;grid-template-columns:repeat(2,minmax(0,1fr))}body.home main #projects .article-wrapper#latest{grid-column:1/span 2}body.home main #projects .article-wrapper#latest .info{font-size:.9em;padding-block:1em}body.home main #projects .article-wrapper#latest .info h6{margin-bottom:.5em}body.home main #projects .article-wrapper#latest .info p{margin-top:.5em}}@media only screen and (max-width: 630px){body.home main #projects{gap:1.25em;grid-template-columns:repeat(1,minmax(0,1fr))}body.home main #projects .article-wrapper#latest{grid-column:1/span 1;margin-bottom:1.5em}body.home main #projects .article-wrapper#latest a{flex-direction:column-reverse}body.home main #projects .article-wrapper#latest a h3{font-size:1.7em}body.home main #projects .article-wrapper#latest a .info{padding:1em;text-align:center}body.home main #projects .article-wrapper#latest a .info .top{justify-content:center;margin-bottom:0}body.home main #projects .article-wrapper#latest a .info .top .links{bottom:unset;top:.5em;right:.5em}body.home main #projects .article-wrapper#latest a .info h6{margin-bottom:.5em}body.home main #projects .article-wrapper#latest a .info p{margin-top:.5em}body.home main #projects .article-wrapper#latest a .info .tagContainer{justify-content:center}body.home main #projects .article-wrapper:not(#latest) a .tagContainer{bottom:.5em;right:.5em}body.home main #support{padding-inline:.25em}}@keyframes fadeInScaleUpAnimation{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}body.post main article{padding:1.15em 1.15em 2.5em}@media (prefers-reduced-motion: no-preference){body.post main article{opacity:0;animation:fadeInScaleUpAnimation .8s ease forwards;transform-origin:bottom}}body.post main article header h6,body.post main article header h1,body.post main article header .tagContainer,body.post main article section{margin-inline:30px}body.post main article header{text-align:center}body.post main article header .top{position:relative}body.post main article header .top img{border-radius:13px;aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;display:block;box-shadow:#0000003d 0 3px 8px}body.post main article header h6{margin-top:30px}body.post main article header h1{font-weight:700;margin-block:10px;font-size:2.2em}body.post main article header .tagContainer{justify-content:center}body.post main article section{margin-top:30px;font-size:1.3em}body.post main article section div{text-align:justify}body.post main article section a{color:#e73c7ed1;font-weight:700}body.post main article section a:hover{color:#e73c7e}body.post main article section p{margin-bottom:20px}body.post main article section strong{font-weight:700}body.post main article section figure.attachment figcaption{color:gray;font-size:.8em;text-align:center;font-style:italic}body.post main article .bottomLinks{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:.5em;margin-top:2em}body.post main .callToAction{color:#e2e8ffe6;font-size:1.1em;background-color:#1f2937;border-radius:10px;padding:1em;text-align:center;margin-top:3em;width:620px;margin-inline:auto;border:1px solid rgba(255,255,255,.076)}body.post main .callToAction h5{margin-bottom:.4em;font-size:1.1em;font-weight:bolder}body.post main .callToAction h5 span{font-style:italic}@media only screen and (max-width: 630px){body.post main article{padding:.85em}body.post main article header h1{margin-inline:0;font-size:1.6em}body.post main article section{margin-inline:unset;font-size:1.15em;padding-bottom:1em}body.post main article section div{text-align:unset}body.post main .callToAction{width:100%}}body.photography main #photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20em,100%),1fr));grid-template-rows:masonry;justify-content:center;grid-gap:1.75em}body.photography main #photo-grid .photo-wrapper{align-self:start}body.photography main #photo-grid .photo-wrapper:hover{transform:perspective(5000px) rotateY(var(--rotateX)) rotateX(var(--rotateY))}@supports (hanging-punctuation: first) and (-webkit-appearance: none){body.photography main #photo-grid .photo-wrapper:hover{transform:unset}}body.photography main #photo-grid .photo{border:1px solid #1e1f2a;border-radius:20px;overflow:hidden;position:relative}@media (prefers-reduced-motion: no-preference){body.photography main #photo-grid .photo{opacity:0;animation:fadeInScaleUpAnimation .8s ease forwards;transform-origin:center}}body.photography main #photo-grid .photo img{display:block;width:100%;height:100%}body .pswp .pswp__button--info-button{position:absolute;left:1em;bottom:1em}body .pswp .pswp__descContainer{opacity:0;position:absolute;bottom:1.5em;left:5em;padding:.5em;margin-right:1em;background-color:#1b1c2a;border:1px solid #282B3A;border-radius:10px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}body .pswp .pswp__descContainer.visible{animation:fadeIn .35s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.switchToAdmin{box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;backdrop-filter:blur(4em);-webkit-backdrop-filter:blur(4em);background-color:#19191972;border:1px solid rgba(255,255,255,.076)}@-moz-document url-prefix(){.switchToAdmin{backdrop-filter:unset;-webkit-backdrop-filter:unset;background-color:#323232e6}}.switchToAdmin{padding:.4em .7em;border-radius:10px;position:fixed;bottom:3em;right:3em}footer a,#support a{color:#e73c7ed1;font-weight:700}footer a:hover,#support a:hover{color:#e73c7e}footer{max-width:1152px;padding-inline:1.5em;margin:3em auto 0;padding-bottom:2em;color:#e2e8ffe6}footer .top{text-align:center}footer .nice-hr{margin-block:1em}footer .box{display:flex;align-items:center;flex-direction:row;font-size:.9em}footer .box>*{flex:1}footer .box .social{display:flex;flex-direction:row;justify-content:flex-end;gap:1em}footer .box .social a{display:flex;align-items:center}footer .box .social a svg{width:1.5em}footer .box .social a svg path{fill:#e2e8ffe6}footer .box .social a:hover svg path{fill:#e2e8ff}@media (prefers-reduced-motion: no-preference){footer{opacity:0;animation:simpleFadeIn .8s ease forwards}}@media only screen and (max-width: 850px) and (min-width: 630px){nav{font-size:.9em}nav #right{gap:1.15em}}@media only screen and (max-width: 630px){body{line-height:1.3}nav,main{padding:1em}nav{flex-direction:column;text-align:center;font-size:.9em}.links{bottom:.5em;right:.5em}footer .box{flex-direction:column;gap:1em;text-align:center}footer .box .social{margin-top:5px}}#bg-grain{background-image:url(/build/assets/grain-D1yjTgC5.png)}body.youtube-timecode article{max-width:920px;margin-inline:auto}body.youtube-timecode .inputContainer:has(#urlInput){margin-bottom:2em}body.youtube-timecode .inputContainer:has(#urlInput) .input{position:relative;display:flex;align-items:center}body.youtube-timecode .inputContainer:has(#urlInput) .input input{flex:1;padding-right:3em}body.youtube-timecode .inputContainer:has(#urlInput) .input input:-moz-placeholder+button{display:none}body.youtube-timecode .inputContainer:has(#urlInput) .input input:placeholder-shown+button{display:none}body.youtube-timecode .inputContainer:has(#urlInput) .input button{position:absolute;right:1em}body.youtube-timecode .inputContainer:has(#urlInput) #error{display:block;font-size:1rem;padding-left:.75rem;margin-top:.5rem;color:red}body.youtube-timecode .inputContainer:has(#urlInput) #error:empty{display:none}body.youtube-timecode input{background-color:#111827;border-radius:10px}body.youtube-timecode input:focus{border-color:#e73c7e;box-shadow:inset 0 1px 4px #e73c7e9b,0 0 20px 1px #e6317682}body.youtube-timecode input.error{border-color:red!important;background:red;box-shadow:inset 0 1px 14px #ff3c3ce7,0 0 30px 1px #f41f1ff5}body.youtube-timecode .inputContainer{display:flex;flex-direction:column}body.youtube-timecode .inputContainer label{margin-bottom:10px;text-align:center}body.youtube-timecode .times{display:flex;gap:2em;justify-content:space-between}body.youtube-timecode .times input{width:100%;font-size:1.3em;text-align:center}body.youtube-timecode .result{margin-top:2em;position:relative;display:none;max-width:620px;margin-inline:auto}body.youtube-timecode .result h3{margin-bottom:.5em;font-weight:700;font-size:1.2em}body.youtube-timecode .result #readableTime{position:relative;overflow-x:hidden;justify-content:flex-end;white-space:nowrap;transition:max-width ease-in .2s,gap ease-in .2s;bottom:1em;right:1em;position:absolute;margin-bottom:0;z-index:1}body.youtube-timecode .result #readableTime.glass{padding:.4em .7em;border-radius:10px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;backdrop-filter:blur(4em);-webkit-backdrop-filter:blur(4em);background-color:#19191972;border:1px solid rgba(255,255,255,.076)}@-moz-document url-prefix(){body.youtube-timecode .result #readableTime.glass{backdrop-filter:unset;-webkit-backdrop-filter:unset;background-color:#323232e6}}body.youtube-timecode .result #readableTime:before{content:"Starting at "}body.youtube-timecode .result #readableTime svg{min-width:24px}body.youtube-timecode .result .copyContainer{display:flex;margin-bottom:1.5em;gap:.5em}body.youtube-timecode .result .copyContainer #timecodeLink{flex:1}body.youtube-timecode .result .copyContainer #copy{width:2.5em;display:flex;justify-content:center;align-items:center;background-color:#111827;border-radius:10px;border:1px solid #6b7280;cursor:pointer;box-shadow:inset 0 1px 4px #e73c7e00,0 0 20px 1px #e6317600}@media (hover: hover){body.youtube-timecode .result .copyContainer #copy{transition:border .1s ease-in,box-shadow .1s ease-in}body.youtube-timecode .result .copyContainer #copy:hover{border-color:#e73c7e;box-shadow:inset 0 1px 4px #e73c7e9b,0 0 20px 1px #e6317682}body.youtube-timecode .result .copyContainer #copy:focus{outline:unset;border-color:#e73c7e;box-shadow:inset 0 1px 4px #e73c7e9b,0 0 20px 1px #e6317682}}body.youtube-timecode .result .copyContainer #copy svg{width:1.2em}body.youtube-timecode .result.visible{display:block}body.youtube-timecode .result .youtube-player{display:block;color:#fff;position:relative;aspect-ratio:16/9;width:100%;background:#000;overflow:hidden;border-radius:13px;box-shadow:#0000003d 0 3px 8px}body.youtube-timecode .result .youtube-player img{-o-object-fit:cover;object-fit:cover;display:block;left:0;bottom:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-filter:brightness(75%)}body.youtube-timecode .result .youtube-player .videotitle{font-weight:700;z-index:1;position:absolute;text-shadow:1px 1px black;left:1em;right:1em;top:1em}@media only screen and (max-width: 850px) and (min-width: 630px){body.youtube-timecode .times{gap:.5em}}@media only screen and (max-width: 630px){body.youtube-timecode .times{gap:1em}body.youtube-timecode main article{padding:.85em}body.youtube-timecode main article .result #readableTime{bottom:.5em;right:.5em;font-size:.9em;text-overflow:ellipsis}body.youtube-timecode main article .result .youtube-player .videotitle{left:.5em;right:.5em;top:.5em}}