*,:after,:before{box-sizing:border-box}html{overflow-x:hidden}#root{min-height:100vh;min-height:100dvh}:root{--page-bg:#050508;--page-fg:#f4f0ff;--nav-muted:#8b5cf0;--accent:#7322be;--title-glow:hsla(0,0%,100%,.06)}html[data-theme=light]{--page-bg:#f4f1fb;--page-fg:#140a1f;--nav-muted:#5b21b6;--title-glow:rgba(0,0,0,.04)}.page{background-color:#050508;background-color:var(--page-bg);color:#f4f0ff;color:var(--page-fg);isolation:isolate;max-width:100%;overflow-x:hidden;padding:24px 15px 28px;position:relative;transition:background-color .8s ease,color .6s ease}.page,.page--skills-view{min-height:100vh;min-height:100dvh}.page--skills-view{box-sizing:border-box;display:flex;flex-direction:column;max-height:100dvh;overflow:hidden;padding:6px 10px 8px}.page--skills-view .app{flex:0 0 auto;margin:0 auto;max-width:100%!important;padding-top:0!important;-webkit-transform:none!important;transform:none!important;width:100%!important}.page--skills-view .app h1{font-size:clamp(1.35rem,4.2vw,2.75rem)!important;line-height:1.08!important;margin-bottom:.15em!important}.page--skills-view .app__content{gap:4px 12px;margin-top:.15rem}.page--skills-view .app>h2,.page--skills-view .app__content h2{font-size:clamp(.78rem,1.9vw,1.15rem)!important;letter-spacing:.06em!important;margin-right:10px!important}.page--skills-view .skill-obsidian{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.page--skills-view .skill-obsidian__canvas{flex:1 1 auto;min-height:0}.page--skills-view .obs-graph__svg{max-height:min(58vh,100%);width:100%}@media (max-height:520px){.page--skills-view{max-height:none;overflow-y:auto}}@media (max-width:1199.98px){.page.page--skills-view{padding:6px 10px 8px!important}}@media (max-width:991.98px){.page.page--skills-view{padding:6px 10px 8px!important}}@media (max-width:767.98px){.page.page--skills-view{padding:6px 10px 8px!important}}@media (max-width:575.98px){.page.page--skills-view{padding:6px 8px 8px!important}}.ambient-bg{-webkit-animation:ambient-drift 22s ease-in-out infinite alternate;animation:ambient-drift 22s ease-in-out infinite alternate;background:radial-gradient(ellipse 90% 55% at 15% -5%,rgba(115,34,190,.42),transparent 58%),radial-gradient(ellipse 70% 45% at 92% 8%,rgba(62,103,233,.32),transparent 52%),radial-gradient(ellipse 55% 40% at 48% 105%,rgba(178,47,163,.28),transparent 55%);inset:0;pointer-events:none;position:fixed;z-index:0}@-webkit-keyframes ambient-drift{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}to{-webkit-filter:hue-rotate(14deg);filter:hue-rotate(14deg);-webkit-transform:scale(1.06) translate3d(-1.5%,1.2%,0);transform:scale(1.06) translate3d(-1.5%,1.2%,0)}}@keyframes ambient-drift{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}to{-webkit-filter:hue-rotate(14deg);filter:hue-rotate(14deg);-webkit-transform:scale(1.06) translate3d(-1.5%,1.2%,0);transform:scale(1.06) translate3d(-1.5%,1.2%,0)}}.grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.55'/%3E%3C/svg%3E");inset:0;mix-blend-mode:overlay;opacity:.09;pointer-events:none;position:fixed;z-index:1}@media (prefers-reduced-motion:reduce){.ambient-bg{-webkit-animation:none;animation:none}}@media (max-height:720px){.app h1{font-size:clamp(2.25rem,12vh,5rem)!important;line-height:1.15!important}.app{padding-top:clamp(.5rem,3vh,2rem)}.app>h2,.app__content h2{font-size:clamp(1.25rem,4vh,2rem)!important}}@font-face{font-family:Didact;src:url(/Apollinem-site/static/media/TenorSans-Regular.0d22289d38b3d37f95b6.ttf)}@font-face{font-family:Prompt;src:url(/Apollinem-site/static/media/Martel-Regular.583920b99f611400f3b8.ttf)}@font-face{font-family:Exo;src:url(/Apollinem-site/static/media/SquadaOne-Regular.104dc97f8204f39823c4.ttf)}h1{font-family:Exo!important}h2{font-family:Prompt!important}p{font-family:Didact!important}.app{margin:0 auto;padding-top:clamp(1rem,7vh,5.5rem);position:relative;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:top center;transform-origin:top center;transition:all 1.5s;width:50%;word-break:normal;z-index:2}.app.active{max-width:100%;padding-top:0;-webkit-transform:scale(1);transform:scale(1);width:100%}h1:hover{color:#fff;transition:all .5s}.app h1{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-animation-play-state:running;animation-play-state:running;animation:move-background 3s linear infinite alternate;-webkit-animation:move-background 3s linear infinite alternate;-moz-animation:move-background 3s linear infinite alternate;background:url(/Apollinem-site/static/media/Glitch.734327ea0eea23b9cd77.jpg) no-repeat;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;background-position:50%;background-size:cover;color:rgba(255,0,0,0);cursor:pointer;display:flex;float:none;font-size:clamp(2.75rem,11vw,9em);justify-content:center;line-height:1.3em;max-width:100%;text-align:center;text-transform:uppercase;transition:all 1s;width:100%}@-webkit-keyframes move-background{0%{background-size:100%}to{background-size:100%}}@keyframes move-background{0%{background-size:100%}to{background-size:200%}}.app__content{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 20px;justify-content:center;max-width:100%;width:100%}.app>h2,.app__content h2{color:#8b5cf0;color:var(--nav-muted);font-size:3em;letter-spacing:.1em;margin-right:24px;text-align:center;text-transform:uppercase;transition:all .5s}.nav-link{border-radius:.12em;cursor:pointer;display:inline-block;padding:.08em .28em .12em;position:relative;transition:color .35s ease,text-shadow .35s ease,-webkit-transform .3s ease;transition:color .35s ease,transform .3s ease,text-shadow .35s ease;transition:color .35s ease,transform .3s ease,text-shadow .35s ease,-webkit-transform .3s ease}.nav-link:after{background:linear-gradient(90deg,#394eb7,#b22fa3,#7322be);border-radius:4px;bottom:.02em;content:"";height:4px;left:.2em;opacity:.95;position:absolute;right:.2em;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform .4s cubic-bezier(.22,1,.36,1);transition:transform .4s cubic-bezier(.22,1,.36,1);transition:transform .4s cubic-bezier(.22,1,.36,1),-webkit-transform .4s cubic-bezier(.22,1,.36,1)}.nav-link:hover{color:#c4b5fd;text-shadow:0 0 18px rgba(115,34,190,.55);-webkit-transform:translateY(-3px);transform:translateY(-3px)}html[data-theme=light] .nav-link:hover{color:#4c1d95;text-shadow:none}.nav-link--active{color:#ede9fe;text-shadow:0 0 22px rgba(115,34,190,.85),0 0 42px rgba(178,47,163,.45)}html[data-theme=light] .nav-link--active{color:#3b0764;text-shadow:none}.nav-link--active:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.app>p{font-size:2em;margin-top:2em}.app__content h2.nav-link:hover{cursor:pointer}.changeTheme{background-color:#fff;border-radius:50%;left:1%;padding:24px;position:absolute;top:2%}.enter{-webkit-text-fill-color:transparent;-webkit-text-size-adjust:none;-webkit-animation:shine 2s linear infinite;animation:shine 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:linear-gradient(90deg,#4d4d4d 0,#fff 10%,#4d4d4d 20%);-webkit-background-clip:text;background-position:0;display:block;margin:0 auto;opacity:1;padding-top:0;text-align:center;transition:opacity 1.5s,visibility 0s!important;visibility:visible;width:100%}@-webkit-keyframes shine{0%{background-position:0}to{background-position:22em}}@keyframes shine{0%{background-position:0}to{background-position:22em}}.hint{color:#797777!important;font-size:1em!important;margin-top:0!important;opacity:1;padding-top:0;text-align:center;transition:opacity 1.5s,visibility 0s!important;visibility:visible;width:100%}.enter__active{opacity:0;transition:all 1.5s!important;visibility:hidden}.enter.enter__error{-webkit-animation:error .1s infinite!important;animation:error .1s infinite!important}@-webkit-keyframes error{0%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}to{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes error{0%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}to{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-width:1199.98px){.page{padding:0 calc(50% - 590px)}h1{font-size:8em!important}h2{font-size:3em!important}* p{font-size:1.7em!important}.skill-card{margin-bottom:0;min-width:0!important}.portfolio{flex-wrap:wrap;justify-content:center}.portfolio__card{flex-basis:80%;max-width:80%!important}}@media (max-width:991.98px){.page{padding:0 calc(50% - 480px)}h1{font-size:7em!important}h1:hover{color:inherit!important}h2{font-size:2.5em!important}p{font-size:1.5em!important}.skill{flex-wrap:wrap}.skill-card{max-width:none!important;min-width:0!important}}@media (max-width:767.98px){.page{padding:0 calc(50% - 360px)}h1{font-size:6em!important}h2{font-size:2em!important}p{font-size:1.2em!important}.app__content{flex-direction:column}.app__content h2{margin-bottom:1em;margin-right:0!important}.enter,.hint{display:none}.skill-card{max-width:none!important;min-width:0!important}}@media (max-width:575.98px){.page{padding:0 calc(50% - 270px)}h1{font-size:5em!important}h2{font-size:1.5em!important}p{font-size:1em!important}ul.glowingIcons{align-content:center;display:flex;flex-direction:column-reverse;flex-wrap:wrap;position:static!important;-webkit-transform:none!important;transform:none!important;width:100%}.glowingIcons li{margin-top:1em!important}.glowingIcons li a{height:3em!important;width:3em!important}.glowingIcons svg{height:2em!important;width:2em!important}}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.skill-obsidian{-webkit-animation:fade .8s ease;animation:fade .8s ease;display:flex;flex:1 1 auto;flex-direction:column;margin:0 auto;max-width:min(960px,100%);min-height:0;padding:0 2px;position:relative;width:100%;z-index:2}.skill-obsidian--dark{--so-text:#f4f0ff;--so-muted:rgba(228,220,255,.72);--so-panel:rgba(14,12,22,.45);--so-border:hsla(0,0%,100%,.08)}.skill-obsidian--light{--so-text:#140a1f;--so-muted:rgba(50,30,80,.72);--so-panel:hsla(0,0%,100%,.55);--so-border:rgba(91,33,182,.12)}.skill-obsidian__head{flex:0 0 auto;margin-bottom:.35rem;text-align:center}.skill-obsidian__tag{color:var(--so-muted)!important;display:inline-block;font-family:ui-monospace,monospace!important;font-size:.58rem!important;letter-spacing:.2em;margin-bottom:.2rem}.skill-obsidian__title{color:var(--so-muted)!important;font-family:Prompt,Georgia,serif!important;font-size:clamp(.72rem,1.35vw,.95rem)!important;font-weight:600!important;line-height:1.25!important;margin:0 auto!important;max-width:42ch}.skill-obsidian__canvas{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--so-panel);border:1px solid var(--so-border);border-radius:14px;box-sizing:border-box;display:flex;flex:1 1 auto;justify-content:center;min-height:0;padding:4px;width:100%}.obs-graph__svg{display:block;height:auto;max-height:min(42vh,320px);width:100%}.obs-graph__label{fill:var(--so-text);text-rendering:geometricPrecision;font-family:ui-monospace,Cascadia Code,Menlo,monospace!important;font-size:7px!important;pointer-events:none}.obs-graph__label--hub{fill:#faf5ff;font-size:8.5px!important}.skill-obsidian--light .obs-graph__label--hub{fill:#faf5ff}.obs-graph__node{cursor:default;transition:opacity .2s ease}.skill-obsidian__legend{color:var(--so-muted)!important;display:flex;flex:0 0 auto;flex-wrap:wrap;font-family:Didact,system-ui,sans-serif!important;font-size:.58rem!important;gap:.5rem 1rem;justify-content:center;letter-spacing:.06em;margin-top:.35rem}.skill-obsidian__lg{align-items:center;display:inline-flex;gap:.35rem}.skill-obsidian__lg i{border-radius:50%;display:inline-block;height:6px;width:6px}.skill-obsidian__lg--tech i{background:#8b5cf0;box-shadow:0 0 6px #8b5cf0}.skill-obsidian__lg--soft i{background:#34d399;box-shadow:0 0 6px #34d399}.skill-obsidian__lg--hub i{background:linear-gradient(135deg,#7c3aed,#db2777)}@media (min-width:768px){.obs-graph__label{font-size:8px!important}.obs-graph__label--hub{font-size:10px!important}.obs-graph__svg{max-height:min(48vh,380px)}}@media (max-height:640px){.obs-graph__svg{max-height:36vh}.skill-obsidian__head{margin-bottom:.2rem}}.contact{-webkit-animation:fade 2s;animation:fade 2s;height:200px;position:relative;z-index:2}ul.glowingIcons{display:flex;left:50%;margin:0;padding:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}ul.glowingIcons li{-webkit-animation:slide 1s;animation:slide 1s;list-style:none;margin:0 2em}@-webkit-keyframes slide{0%{margin:0}to{margin:0 2em}}@keyframes slide{0%{margin:0}to{margin:0 2em}}ul.glowingIcons li a{align-items:center;background:linear-gradient(145deg,#6d28d9,#551a8b 55%,#4c1d95);border-radius:50%;box-shadow:0 12px 28px rgba(85,26,139,.45);color:#f8fafc;display:flex;font-size:30px;height:4em;justify-content:center;line-height:63px;position:relative;text-align:center;transition:box-shadow .45s ease,-webkit-transform .45s ease;transition:transform .45s ease,box-shadow .45s ease;transition:transform .45s ease,box-shadow .45s ease,-webkit-transform .45s ease;width:4em}ul.glowingIcons li a:before{background:#fff;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(.9);transform:scale(.9);transition:.5s;width:100%;z-index:-1}ul.glowingIcons li a:hover:before{box-shadow:0 0 15px #fff;-webkit-transform:scale(1.1);transform:scale(1.1)}ul.glowingIcons li a:hover i{color:#fff;text-shadow:0 0 5px #fff}ul.glowingIcons li a:active:before{box-shadow:0 0 15px #fff;-webkit-transform:scale(1.1);transform:scale(1.1)}ul.glowingIcons li a:active i{color:#fff;text-shadow:0 0 5px #fff}.portfolio{align-items:stretch;-webkit-animation:fade 2s;animation:fade 2s;display:flex;flex-direction:row;gap:1rem;margin:24px auto 0;max-width:1440px;position:relative;z-index:2}.portfolio h2{font-size:2em}.portfolio a,.portfolio h2{color:#551a8b;color:var(--accent,#551a8b)}.portfolio__card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(18,16,28,.55);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.35);flex:1 1 260px;max-width:calc(33.333% - .85rem);padding:1rem 1rem 1.15rem;transition:box-shadow .45s ease,border-color .45s ease,-webkit-transform .45s ease;transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease,-webkit-transform .45s ease;width:100%}html[data-theme=light] .portfolio__card{background:hsla(0,0%,100%,.72);border-color:rgba(91,33,182,.15);box-shadow:0 16px 40px rgba(30,20,60,.1)}.portfolio__card:hover{border-color:rgba(178,47,163,.45);box-shadow:0 28px 64px rgba(85,26,139,.35);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.portfolio__thumb{border-radius:12px;display:block;margin-top:.75rem;outline:none;overflow:hidden}.portfolio__thumb:focus-visible{box-shadow:0 0 0 3px rgba(178,47,163,.65)}.portfolio img{display:block;margin:0 auto;transition:-webkit-transform .55s cubic-bezier(.22,1,.36,1);transition:transform .55s cubic-bezier(.22,1,.36,1);transition:transform .55s cubic-bezier(.22,1,.36,1),-webkit-transform .55s cubic-bezier(.22,1,.36,1);width:100%}.portfolio__thumb:hover img{-webkit-transform:scale(1.04);transform:scale(1.04)}.portfolio p a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;color:#551a8b;text-decoration:none;transition:all .5s}.portfolio p a:focus,.portfolio p a:hover{background-size:100% 4px}.lazy-load-image-background.blur{-webkit-filter:blur(15px);filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{-webkit-filter:blur(0);filter:blur(0);transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,a:active,a:hover{text-decoration:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
/*# sourceMappingURL=main.b3d7d5da.css.map*/