@font-face{font-family:professional;src:url("/fonts/Raleway-Medium.woff2");font-display:swap}@font-face{font-family:awesome;src:url("/fonts/ComicSans.woff2");font-display:swap}.animatepop{animation-duration:1.2s;animation-name:animate-pop;animation-timing-function:ease-out}@keyframes animate-pop{0%{opacity:0;transform:scale(0.8,0.8) translateY(15vh)}100%{opacity:1;transform:scale(1,1) translateY(0)}}.animateblink{animation:blinking 1s steps(5,start) infinite}@keyframes blinking{to{visibility:hidden}}.animatemarquee{transform:translateX(100%);animation:scroll-left 10s linear infinite}@keyframes scroll-left{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.animaterevealhide{opacity:1}@supports(animation-timeline:--main-timeline){.animaterevealhide{opacity:0;animation:reveal auto;animation-timeline:--main-timeline;animation-duration:1ms;transition:all .3s cubic-bezier(0,1,1,0)}}@keyframes reveal{0%{transform:translateY(-25vh);opacity:0;scale:.1}25%,70%{opacity:1;transform:translateX(0) translateY(0);scale:1}90%,100%{opacity:0;transform:translateY(25vh);scale:.1}}@supports(animation-timeline:--main-timeline){.animatebackgroundchange{animation:backgroundchange auto;animation-timeline:--main-timeline;animation-duration:1ms;transition:background-image 1s ease-in;animation-range:0 120%}}@keyframes backgroundchange{0%,5%{background-image:url("/img/pinkblossoms.webp");background-position:top}20%,30%{background-image:url("/img/code.webp")}40%,50%{background-image:url("/img/yellowblossoms.webp")}60%,70%{background-image:url("/img/flockofbirds.webp")}80%,100%{background-image:url("/img/winterbridge.webp");background-position:bottom}}.animatehuerotate{animation:huerotate 1s infinite}@keyframes huerotate{from{filter:hue-rotate(0)}to{filter:hue-rotate(359deg)}}*{box-sizing:border-box}html body{margin:0;padding:0;max-height:100%;max-width:100%;overflow:hidden}html body input#modetogglecheck,html body input#contactformtogglecheck{display:none}html body input#modetogglecheck:checked+div#header>span#modetoggle>label.toggle>span.slider{background-color:green}html body input#modetogglecheck:checked+div#header>span#modetoggle>label.toggle>span.slider:before{transform:translateX(11px)}html body input#modetogglecheck ~ div#container>div#professional.content{transform:translateX(0)}html body input#modetogglecheck:checked ~ div#container>div#professional.content{transform:translateX(-100vw)}html body input#modetogglecheck:checked ~ div#container>div#awesome.content{transform:translateX(0)}html body input#contactformtogglecheck+div#contactcontainer{display:none}html body input#contactformtogglecheck:checked+div#contactcontainer{display:block}html body div#header{width:100vw;font-family:professional;height:32px;background-color:#000;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;color:#fff;padding:0 0 0 8px}html body div#header span#modetoggle label.toggle{position:relative;display:inline-block;width:36px;height:20px}html body div#header span#modetoggle .slider{position:absolute;cursor:pointer;top:4px;left:0;right:8px;bottom:0;background-color:gray;transition:.4s;border-radius:22px}html body div#header span#modetoggle .slider:before{position:absolute;content:"";height:10px;width:10px;left:4px;bottom:3px;background-color:white;transition:.4s;border-radius:50%}html body div#container{position:relative;height:calc(100vh - 32px);overflow:hidden}html body div#container div.content{overflow-x:hidden;overflow-y:auto;height:100%;position:absolute;top:0;width:100vw;transition:transform 750ms ease-in-out;display:inline-block}html body div#container div#professional.content{background-image:url("/img/pinkblossoms.webp");background-position:top;scroll-behavior:smooth;font-family:professional;scroll-timeline:--main-timeline y;color:#fff;font-size:12pt}html body div#container div#professional.content div.page{top:0;left:0;height:calc(200vh - 32px);background-repeat:no-repeat;background-size:cover}html body div#container div#professional.content div.page div.content{display:flex;position:relative;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;width:100vw;height:calc(100vh - 32px);background-position:center;background-size:contain}html body div#container div#professional.content div.page:nth-child(1){height:calc(100vh - 32px)}html body div#container div#professional.content div.page:nth-child(1) div.content{text-shadow:2px 2px 5px #000;font-size:36pt;text-align:center}@media only screen and (max-width:768px){html body div#container div#professional.content div.page:nth-child(1) div.content{font-size:24pt}}@media only screen and (max-width:425px){html body div#container div#professional.content div.page:nth-child(1) div.content{font-size:16pt}}html body div#container div#professional.content div.page:nth-child(1) div.content h1.title{font-weight:900;font-size:136pt;margin:0;animation:animate-pop}@media only screen and (max-width:1440px){html body div#container div#professional.content div.page:nth-child(1) div.content h1.title{font-size:100pt}}@media only screen and (max-width:1024px){html body div#container div#professional.content div.page:nth-child(1) div.content h1.title{font-size:72pt}}@media only screen and (max-width:768px){html body div#container div#professional.content div.page:nth-child(1) div.content h1.title{font-size:40pt}}@media only screen and (max-width:425px){html body div#container div#professional.content div.page:nth-child(1) div.content h1.title{font-size:30pt}}html body div#container div#professional.content div.page:nth-child(1) div.content h2.text{margin:0}@media only screen and (max-width:1440px){html body div#container div#professional.content div.page:nth-child(1) div.content h2.text{font-size:32pt}}@media only screen and (max-width:768px){html body div#container div#professional.content div.page:nth-child(1) div.content h2.text{font-size:24pt}}@media only screen and (max-width:425px){html body div#container div#professional.content div.page:nth-child(1) div.content h2.text{font-size:16pt}}html body div#container div#professional.content div.page:not(:first-child) div.content{display:flex;position:sticky;top:0;align-items:center}html body div#container div#professional.content div.page:not(:first-child) div.content div.text{backdrop-filter:blur(8px) saturate(150%);background-color:rgba(255,255,255,0.5);color:#000;border-radius:32px;padding:32px;box-shadow:2px 2px 5px #000;text-align:center}@media only screen and (min-width:768px){html body div#container div#professional.content div.page:not(:first-child) div.content div.text{margin:32px}}html body div#container div#professional.content div.page:not(:first-child) div.content div.text h3{margin:0 16px}html body div#container div#professional.content div.page:nth-child(2) div.content div.text{animation-range:10% 50%}html body div#container div#professional.content div.page:nth-child(3) div.content div.text{animation-range:30% 70%}html body div#container div#professional.content div.page:nth-child(4) div.content div.text{animation-range:55% 95%}html body div#container div#professional.content div.page:nth-child(5) div.content label{cursor:pointer}html body div#container div#professional.content div.page:nth-child(5) div.content div.text{animation-range:80% 120%}@supports not(animation-timeline:--main-timeline){html body div#container div#professional.content div.page:nth-child(1){background-image:url("/img/pinkblossoms.webp")}html body div#container div#professional.content div.page:nth-child(2){background-image:url("/img/code.webp")}html body div#container div#professional.content div.page:nth-child(3){background-image:url("/img/yellowblossoms.webp")}html body div#container div#professional.content div.page:nth-child(4){background-image:url("/img/flockofbirds.webp")}html body div#container div#professional.content div.page:nth-child(5){background-image:url("/img/winterbridge.webp")}}@-moz-document url-prefix(){html body div#container div#professional.content div.page:nth-child(1){background-image:url("/img/pinkblossoms.webp")}html body div#container div#professional.content div.page:nth-child(2){background-image:url("/img/code.webp")}html body div#container div#professional.content div.page:nth-child(3){background-image:url("/img/yellowblossoms.webp")}html body div#container div#professional.content div.page:nth-child(4){background-image:url("/img/flockofbirds.webp")}html body div#container div#professional.content div.page:nth-child(5){background-image:url("/img/winterbridge.webp")}}html body div#container div#awesome.content{transform:translateX(100vw);cursor:url("/img/awesome/wand.gif"),auto;min-height:calc(100vh - 32px);color:#fff;background-color:#000;font-family:awesome;text-align:center;background-image:url("/img/awesome/stars.gif");font-size:16px}html body div#container div#awesome.content h1{margin:0;color:#ff0}html body div#container div#awesome.content h2{display:inline-block;width:380px;margin:0}html body div#container div#awesome.content div.title{margin:0 auto;width:100%;display:flex;justify-content:space-around;align-items:center}html body div#container div#awesome.content div.subtitle{display:block;margin:0;color:red}html body div#container div#awesome.content div.page p{display:block}html body div#container div#awesome.content div.page table.visitorcounter{margin:0 auto;background-color:#666;border:1px solid #888}html body div#container div#awesome.content div.page table.visitorcounter tr td:not(:first-child){background-color:#000;background-image:linear-gradient(to bottom,#000,#777,#000);color:#0f0;padding:0 2px;border:1px solid #888}html body div#contactcontainer{font-family:professional;position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:rgba(0,0,0,0.25)}html body div#contactcontainer form#contactform{display:flex;margin:0 auto;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#fff;border-radius:16px;width:420px;min-height:324px;padding:16px;margin-top:calc(50vh - 162px)}@media only screen and (max-width:768px){html body div#contactcontainer form#contactform{width:90%}}html body div#contactcontainer form#contactform div#contactformheader h4{margin:0}html body div#contactcontainer form#contactform div#contactformheader label#contactformclose{cursor:pointer;color:#ddd;margin-top:-24px;text-align:right}html body div#contactcontainer form#contactform div{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:320px;max-width:calc(100vw - 16px);margin:8px 0;width:100%}html body div#contactcontainer form#contactform div label{width:20%;margin-right:8px}html body div#contactcontainer form#contactform div input,html body div#contactcontainer form#contactform div textarea{width:80%;border:0;background-color:#efefef;padding:0;margin:0;resize:none;padding:8px;field-sizing:fixed;border-radius:4px}@media only screen and (max-width:425px){html body div#contactcontainer form#contactform{width:100%;height:100%;position:fixed;border-radius:0;backdrop-filter:blur(8px) saturate(150%);background-color:rgba(255,255,255,0.5);top:0;left:0;margin-top:0}html body div#contactcontainer form#contactform div{flex-direction:column}html body div#contactcontainer form#contactform div label{width:100%;margin-right:0}html body div#contactcontainer form#contactform div input,html body div#contactcontainer form#contactform div textarea{width:100%}}html body div#contactcontainer form#contactform div#turnstile-container{margin:0}html body div#contactcontainer form#contactform div#turnstile-container div{justify-content:center}html body div#contactcontainer form#contactform button#contactformsubmit{font-family:professional;cursor:pointer;border:1px solid #efefef;border-radius:8px;background-color:#fff;width:100%;padding:8px;font-size:12pt}