@charset "UTF-8";@layer reset{html,body{min-height:100dvh;margin:0}img{line-height:0}svg{width:auto;height:auto}button{cursor:pointer}hr{border-top:1px solid;margin:1rem 0}*{vertical-align:baseline;font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;border:0 none;padding:0;margin:0;padding-inline-start:0}*,*:before,*:after{box-sizing:border-box}}@layer theme{body{color:var(--color-text);background-color:var(--color-bg)}svg path{fill:var(--color-text)}:root{--color-purple: #9373be;--moon-purple: oklch(.53 .2565 281.51);--sun-yellow: oklch(.86 .1998 90.38);--color-text: #161616;--color-text-grey: #969696;--color-bg: #9373be;--color-bg-shade: #f2f2f2;--color-bg-contrast: #3a3a3a;--theme-light-color-text: #161616;--theme-light-color-text-grey: #828282;--theme-light-color-bg: #ffffff;--theme-light-color-bg-shade: #f2f2f2;--theme-light-color-bg-contrast: #3a3a3a;--theme-dark-color-text: #ffffff;--theme-dark-color-text-grey: #cbcbcb;--theme-dark-color-bg: #352152;--theme-dark-color-bg-shade: #212134;--theme-dark-color-bg-contrast: #ddddf8}@media (prefers-color-scheme: light){:root[theme=system]{--color-text: var(--theme-light-color-text);--color-text-grey: var(--theme-light-color-text-grey);--color-bg: var(--theme-light-color-bg);--color-bg-shade: var(--theme-light-color-bg-shade);--color-bg-contrast: var(--theme-light-color-bg-contrast)}}@media (prefers-color-scheme: dark){:root[theme=system]{--color-text: var(--theme-dark-color-text);--color-text-grey: var(--theme-dark-color-text-grey);--color-bg: var(--theme-dark-color-bg);--color-bg-shade: var(--theme-dark-color-bg-shade);--color-bg-contrast: var(--theme-dark-color-bg-contrast)}}:root[theme=light]{--color-text: var(--theme-light-color-text);--color-text-grey: var(--theme-light-color-text-grey);--color-bg: var(--theme-light-color-bg);--color-bg-shade: var(--theme-light-color-bg-shade);--color-bg-contrast: var(--theme-light-color-bg-contrast)}:root[theme=dark]{--color-text: var(--theme-dark-color-text);--color-text-grey: var(--theme-dark-color-text-grey);--color-bg: var(--theme-dark-color-bg);--color-bg-shade: var(--theme-dark-color-bg-shade);--color-bg-contrast: var(--theme-dark-color-bg-contrast)}}@layer transitions{:root{--theme-transition-time: .4s}body.transitioning{transition:background-color var(--theme-transition-time) ease-out,color var(--theme-transition-time) ease-out}body.transitioning .divider{transition:background-color var(--theme-transition-time) ease-out}body.transitioning .container,body.transitioning main{transition:background-color var(--theme-transition-time) ease-out}body.transitioning a{transition:color var(--theme-transition-time) ease-out}svg path{transition:fill var(--theme-transition-time) ease-out}}@layer style{:root{--fs--1: .9rem;--fs-0: 1rem;--fs-1: 1.1rem;--fs-2: 1.3rem;--fs-3: 1.5rem;--fs-4: 1.7rem;--fs-5: 2.1rem;--fs-display: 2.6rem;font-size:16px}body{font-family:Mallory Compact,sans-serif;font-weight:500;font-style:normal}header h1 span:first-of-type{font-family:Breathing,cursive;font-weight:500;font-style:normal;font-size:110px;text-box:trim-end cap alphabetic}header h1 span:last-of-type{font-family:Interstate;font-weight:500;font-style:normal;font-size:45px;text-box:trim-end cap alphabetic}@media (max-width: 1115px){:root{--fs-display: 2.5rem}}@media (max-width: 550px){:root{--fs-display: 2.2rem}}@font-face{font-family:Breathing;src:url(/assets/fonts/Breathing/Breathing.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Brixton;src:url(/assets/fonts/Brixton/Brixton.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Brixton;src:url(/assets/fonts/Brixton/BrixtonBld.woff2) format("woff2");font-weight:600;font-style:normal;font-display:block}@font-face{font-family:Interstate;src:url(/assets/fonts/Interstate/InterstateTRIAL-ExtraLight.otf) format("opentype");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Mallory;src:url(/assets/fonts/Mallory/Mallory-XLight.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Mallory;src:url(/assets/fonts/Mallory/MalloryMP-Light.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Mallory;src:url(/assets/fonts/Mallory/MalloryMP-LightItalic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:block}@font-face{font-family:Mallory;src:url(/assets/fonts/Mallory/MalloryMP-Book.woff2) format("woff2");font-weight:600;font-style:normal;font-display:block}@font-face{font-family:Mallory;src:url(/assets/fonts/Mallory/MalloryMP-Medium.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Mallory Compact;src:url(/assets/fonts/MalloryCompact/MalloryCmpct-Light.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Mallory Compact;src:url(/assets/fonts/MalloryCompact/MalloryCmpct-LightItalic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:block}@font-face{font-family:Mallory Compact;src:url(/assets/fonts/MalloryCompact/MalloryCmpct-Medium.woff2) format("woff2");font-weight:600;font-style:normal;font-display:block}@font-face{font-family:Mallory Compact;src:url(/assets/fonts/MalloryCompact/MalloryCmpct-MediumItalic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:block}}@layer style{:root{--left-column: calc(50vw - 275px) }body{background-color:var(--color-purple)}.container{display:grid;justify-content:center;grid-template-columns:var(--left-column) 250px 1fr;grid-template-areas:"left center right-top" "left center right";grid-template-rows:auto 1fr;background-color:var(--color-bg);overflow-x:clip}header{position:fixed;left:0;width:var(--left-column);height:100lvh;z-index:1;transform:translateZ(0)}nav{grid-area:right-top;z-index:1}svg.divider.vertical{position:fixed;left:var(--left-column);width:auto;height:100lvh;margin-left:-1px;z-index:0;transform:translateZ(0)}svg.divider.vertical path{fill:var(--color-purple)}svg.divider.horizontal{display:none}main{grid-area:right;min-width:0}footer{display:none}@media (max-width: 1100px){.container{grid-template-columns:1fr;grid-template-areas:"top" "top-divider" "center" "bottom-divider" "bottom";grid-template-rows:auto auto 1fr auto auto;background-color:var(--color-purple)}header{position:relative;grid-area:top;width:auto;z-index:3}header .items{display:none}nav{grid-area:top;z-index:2}svg.divider.horizontal{display:block;width:100vw;height:auto}svg.divider.horizontal.top{grid-area:top-divider;margin-top:-50px;z-index:1}svg.divider.horizontal.bottom{grid-area:bottom-divider;margin-bottom:calc(min(50px,5vw)*-1)}svg.divider.horizontal path{fill:var(--color-purple)}svg.divider.vertical{display:none}main{grid-area:center;flex:1}footer{display:block;grid-area:bottom}}}@layer style{header{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:var(--color-purple)}header div.title{display:flex;flex-direction:column;align-items:center;transform:translate(40px);max-width:600px}header div.title a{display:flex;flex-direction:column;align-items:center;color:#fff;text-decoration:none}header div.title img{width:50%;height:auto}header div.title svg{width:100%;height:auto}header div.items{position:relative;width:min(max(200px,50%),365px);aspect-ratio:1;margin-top:15px;margin-left:100px}header div.items span{position:absolute;width:45%}header div.items span img{width:100%;height:auto}header div.items span:nth-of-type(3n+1){top:0;left:0}header div.items span:nth-of-type(3n+2){top:9%;right:0;transform:rotate(5deg)}header div.items span:nth-of-type(3n+3){bottom:2%;left:10%}@media (max-width: 1100px){header{height:auto;padding-top:min(10vw,80px);padding-bottom:min(10vw,35px);background-color:transparent}header div.title{flex-direction:row;transform:none;max-width:unset;gap:2vw;margin-left:-5vw}header div.title img{width:20vw;height:auto;margin-top:3vw;margin-left:2vw}header div.title svg{width:65vw;max-width:450px;height:auto}}nav{position:absolute;top:2px;right:2px}@media (max-width: 450px){nav{top:5px;right:10px}header{padding-top:min(12vw,80px)}}main{display:grid;place-content:center stretch;padding-top:80px;min-height:100lvh}main section{min-height:50vh;margin-left:clamp(0px,100vw - 1650px,15%);margin-right:25px;padding-bottom:150px}main h2{width:fit-content;font-family:Brixton;text-transform:uppercase;margin-top:2lh;margin-bottom:1lh;font-size:clamp(2.1875rem,1.5353rem + 2.2609vw,3rem)}main h2.main-header{margin-top:0;margin-bottom:0;font-size:clamp(2.1875rem,1.5353rem + 3.2609vw,4.0625rem)}main h3{width:max-content;font-size:clamp(1.125rem,.8641rem + 1.3043vw,1.875rem)}main ul.lovely{margin-top:2lh;margin-bottom:2lh}main ul.lovely li{position:relative;touch-action:manipulation;padding:1lh 0 1lh 2.25lh;font-size:clamp(1.125rem,.9728rem + .7609vw,1.5625rem);list-style:none;background-image:url(/assets/images/heart.webp);background-repeat:no-repeat;background-position:center left .25lh;background-size:1.5lh;transition:background-size .25s ease-out .1s,background-position .25s ease-out .1s;will-change:background-position,background-size}main ul.lovely li:hover{transition-duration:.1s;transition-delay:0ms;background-size:2lh;background-position:center left 0lh}main ul{margin-top:2lh;margin-bottom:2lh;padding-left:1lh}main ul li{padding:.5lh 0 .5lh .25lh;font-size:clamp(1.125rem,.9728rem + .7609vw,1.5625rem)}main ul li:hover{transition-duration:.1s;transition-delay:0ms;background-size:2lh;background-position:center left 0lh}main p{font-family:Mallory;font-size:1.3rem;line-height:1.8}main a{color:var(--color-text)}main a:visited{color:var(--color-text)}main img#ebli{max-width:100%;margin:0 auto;border-radius:15px}@media (max-width: 1100px){main{padding-top:0}main section{display:flex;flex-direction:column;align-content:center;margin:10vw 5vw 0}}footer{padding-top:min(8vw,10px);padding-bottom:min(8vw,70px);background-color:var(--color-purple)}footer div.items{display:flex;justify-content:center;width:auto;aspect-ratio:unset;margin-top:0;margin-left:0}footer div.items span{position:relative;width:auto;margin:0 5%;top:unset;left:unset}footer div.items span img{width:auto;height:min(125px,14vw)}footer div.items span:nth-of-type(3n+2){transform:rotate(5deg)}div.items span:hover img{animation:shake .2s linear forwards 10ms}@keyframes shake{50%{transform:rotate(10deg)}}@media (max-width: 1100px){body{background-color:var(--color-purple)}header{pointer-events:none}header *{pointer-events:all}main{background-color:var(--color-bg);min-height:auto}.divider{background-color:var(--color-bg)}.divider.top{background:linear-gradient(to bottom,var(--color-purple) 0%,var(--color-purple) 1%,var(--color-bg) 1%,var(--color-bg) 100%);will-change:background,background-color;background-color:var(--color-bg)}body.transitioning .divider.top{background:none;background-color:var(--color-bg)}}}@layer utilities{.visually-hidden:not(:focus):not(:active){width:1px;height:1px;overflow:hidden;clip-path:inset(50%);position:absolute;white-space:nowrap}}@layer reset theme transitions style utilities;@view-transition{navigation: auto;}::view-transition-old(*),::view-transition-new(*),::view-transition-group(*){animation-duration:.3s;animation-timing-function:ease-out}:root[data-vt=westward] main{view-transition-name:westward}:root[data-vt=eastward] main{view-transition-name:eastward}:root[data-vt-effects~=fade-nav] nav{view-transition-name:fade-in}:root:not([data-vt-effects~=fade-nav]) nav{view-transition-name:nav}html{view-transition-name:none}main{view-transition-name:main}::view-transition{pointer-events:none}@media (max-width: 1100px){::view-transition-old(westward){animation:slide-out-to-left .3s ease-out}::view-transition-new(westward){animation:slide-in-from-left .3s ease-out}::view-transition-old(eastward){animation:slide-out-to-right .3s ease-out}::view-transition-new(eastward){animation:slide-in-from-right .3s ease-out}}::view-transition-group(fade-in){animation:fade-in .3s ease-out}::view-transition-old(dir-background2),::view-transition-new(dir-background2),::view-transition-old(dir-background8),::view-transition-new(dir-background8){height:100%}::view-transition-old(.dir-background),::view-transition-new(.dir-background){height:100%}::view-transition-new(dir-contents),::view-transition-old(dir-contents){width:auto}::view-transition-new(header-button){animation-timing-function:ease-in}::view-transition-group(nav),::view-transition-group(heading){animation-timing-function:ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-out-to-left{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes slide-in-from-left{0%{transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-out-to-right{0%{transform:translate(0)}to{transform:translate(100vw)}}@keyframes slide-in-from-right{0%{transform:translate(100vw)}to{transform:translate(0)}}header svg.lovely-lives-tutoring{--header-animation-color: #6d18de;--header-animation-transition-time: 1s;user-select:none;-webkit-user-select:none}header svg.lovely-lives-tutoring path{fill:#fff;pointer-events:none}header svg.lovely-lives-tutoring g.tracer path{fill:none}header svg.lovely-lives-tutoring g.tracer.bottom path{fill:none;stroke:var(--header-animation-color);stroke-width:5px;stroke-dashoffset:940;stroke-dasharray:940;transition:stroke-dashoffset var(--header-animation-transition-time) linear;transition-delay:0ms;will-change:stroke-dashoffset}header svg.lovely-lives-tutoring:hover g.tracer.bottom path{stroke-dashoffset:0;--step: .15s}header svg.lovely-lives-tutoring:hover g.tracer.bottom path:nth-of-type(11n+11){transition-delay:calc(var(--step) * 1)}header svg.lovely-lives-tutoring:hover g.tracer.bottom path:nth-of-type(11n+10){transition-delay:calc(var(--step) * 2)}header svg.lovely-lives-tutoring:hover g.tracer.bottom path:nth-of-type(11n+9){transition-delay:calc(var(--step) * 3)}header svg.lovely-lives-tutoring:hover g.tracer.bottom path:nth-of-type(11n+8){transition-delay:calc(var(--step) * 4)}header svg.lovely-lives-tutoring:hover g.tracer.bottom path:nth-of-type(11n+7){transition-delay:calc(var(--step) * 5 + var(--step))}header svg.lovely-lives-tutoring:hover g.tracer.bottom path:nth-of-type(11n+6){transition-delay:calc(var(--step) * 6 + var(--step))}header svg.lovely-lives-tutoring:hover g.tracer.bottom path:nth-of-type(11n+5){transition-delay:calc(var(--step) * 7 + var(--step))}header svg.lovely-lives-tutoring:hover g.tracer.bottom path:nth-of-type(11n+4){transition-delay:calc(var(--step) * 8 + var(--step))}header svg.lovely-lives-tutoring:hover g.tracer.bottom path:nth-of-type(11n+3){transition-delay:calc(var(--step) * 9 + var(--step))}header svg.lovely-lives-tutoring:hover g.tracer.bottom path:nth-of-type(11n+2){transition-delay:calc(var(--step) * 10 + var(--step))}header svg.lovely-lives-tutoring:hover g.tracer.bottom path:nth-of-type(11n+1){transition-delay:calc(var(--step) * 11 + var(--step))}:root[theme=dark] button.theme-toggle{transform:rotate(180deg)}@media (prefers-color-scheme: dark){:root[theme=system] button.theme-toggle{transform:rotate(180deg)}}@layer style{@property --bg{syntax: "<color>"; initial-value: white; inherits: false;}theme-switcher{--icon-size: 25px;position:relative;display:block;flex-direction:row;margin-top:12px}theme-switcher .moon{transform:rotate(-170deg)}theme-switcher button{display:flex;flex-direction:column;gap:calc(var(--icon-size) * .4);background-color:transparent;-webkit-tap-highlight-color:transparent;will-change:transform}theme-switcher button[data-theme=dark]{animation:sun-down .4s ease-out forwards}theme-switcher button[data-theme=light]{animation:sun-up .4s ease-out forwards}theme-switcher:has(svg:hover) svg{transform:scale(1.1)}theme-switcher:has(svg:hover) svg.sun path{fill:var(--sun-yellow)}theme-switcher:has(svg:hover) svg.moon{transform:scale(1.1) rotate(-170deg)}theme-switcher:has(svg:hover) svg.moon path{fill:var(--sun-yellow)}theme-switcher svg{width:var(--icon-size);height:var(--icon-size);transition:transform 75ms ease-out;will-change:transform}theme-switcher path{fill:var(--color-text);transition:fill 50ms ease-out;will-change:fill}theme-switcher:after{--bg: var(--color-bg);content:"";position:absolute;top:calc(var(--icon-size) * 1.1);left:calc(var(--icon-size) * -1);width:calc(var(--icon-size) * 2.7);height:calc(var(--icon-size) * 1.5);transition:--bg .4s ease-out;background:linear-gradient(to top,var(--bg) 85%,transparent)}@media (max-width: 1100px){theme-switcher path{fill:#fff}theme-switcher:has(svg:hover) svg.moon path{fill:var(--sun-yellow)}theme-switcher:after{background:linear-gradient(to top,var(--color-purple) 85%,transparent)}}@keyframes sun-up{0%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes sun-down{0%{transform:rotate(0)}to{transform:rotate(179deg)}}}@layer style{nav{display:flex;flex-direction:row;justify-content:right;gap:15px;padding:0 min(25px,2vw)}nav.mobile{display:none}nav ul{display:flex;flex-direction:row;list-style-type:none}nav li{padding:10px 0}nav a{text-decoration:none;color:var(--color-text);padding:2px 0;border-bottom:2px solid transparent;transition:border-color .2s ease-out}nav a:hover,nav a:focus,nav a[aria-current=page]{transition:none;border-bottom:2px solid var(--color)}nav.mobile details{display:flex;flex-direction:column;align-items:stretch;padding:8px 0;border-top:2px solid var(--color-2);border-bottom:2px solid var(--color-2)}nav.mobile details[open]:not([data-closing]) summary:before{transform:rotate(90deg)}nav.mobile summary{align-self:stretch;text-align:center;cursor:pointer;list-style-type:none}nav.mobile summary::marker,nav.mobile summary::-webkit-details-marker{display:none}nav.mobile summary:before{content:"⏵";display:inline-block;margin-right:5px;transition:transform .15s ease-out}nav.mobile details .expander{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-out;will-change:grid-template-rows}nav.mobile details[open] .expander{grid-template-rows:1fr}@starting-style{nav.mobile details[open] .expander{grid-template-rows:0fr}}nav.mobile details[data-closing] .expander{grid-template-rows:0fr}nav.mobile .contractor{overflow:hidden}nav.mobile ul{flex-direction:column;margin-top:5px}nav.mobile ul li{width:60%;margin:0 auto;padding:0}nav.mobile ul li a{display:block;padding:15px 0 2px;border-bottom:2px solid var(--color-text);transition:border-color .2s ease-out,background-color .2s ease-out}nav.mobile ul li a:hover,nav.mobile ul li a:focus{transition:none;background-color:var(--color-transparent);border-color:var(--color)}nav.mobile ul li a[aria-current=page]{border-color:var(--color)}nav.mobile theme-switcher{margin:0;transform:translateY(25px)}}ul.lovely li{user-select:none;-webkit-user-select:none}ul.lovely li span{user-select:auto;-webkit-user-select:auto}ul.lovely li .underline{background-color:transparent;text-decoration:underline;color:var(--color-text);text-decoration-color:var(--color-purple)}ul.lovely li:nth-of-type(3n+1) .heart-wrapper{--rotation: 85deg;--origin-x: 20px;--origin-y: -30px}ul.lovely li:nth-of-type(3n+2) .heart-wrapper{--rotation: -85deg;--origin-x: -20px;--origin-y: -25px}ul.lovely li:nth-of-type(3n+3) .heart-wrapper{--rotation: -70deg;--origin-x: -40px;--origin-y: 5px}.heart-wrapper{--rotation: 85deg;--origin-x: 20px;--origin-y: -30px;position:absolute;top:calc(50% - 8px);left:15px;user-select:none;-webkit-user-select:none;transition:transform .5s ease-out,opacity .5s ease-out;transform:rotate(var(--rotation));transform-origin:var(--origin-x) var(--origin-y);opacity:0}@starting-style{.heart-wrapper{opacity:1;transform:rotate(0)}}.heart{width:25px;height:auto;transition:transform .5s ease-out;transform:rotate(calc(var(--rotation) * -1))}@starting-style{.heart{transform:translateY(0)}}