#particles-js{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}*,*::before,*::after{margin:0;padding:0;font:inherit;box-sizing:border-box;scroll-behavior:smooth}html{color-scheme:dark light}body{min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}img,picture,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto}input,textarea,button,select,optgroup,option{font:inherit;margin:0;padding:0;color:inherit}button{background:none;border:none;cursor:pointer}.grab-attention{font-size:7em;font-weight:bold;margin-bottom:.25em}.headline{font-size:3em;font-weight:bold;margin-bottom:.25em}.title{font-size:2em;font-weight:bold;margin-bottom:.25em}.subtitle{font-size:1.5em;font-weight:bold;margin-bottom:.25em}.paragraph{font-size:1.25em;margin-bottom:.25em}.caption{font-size:1em;margin-bottom:.25em;opacity:.8;color:aqua}.narrow{max-width:500px}.link{color:coral;text-decoration:none;width:-moz-fit-content;width:fit-content;display:block}.link::after{content:"";height:1px;width:100%;background:tomato;display:block;transition:all .3s ease}.link:hover,.link:focus{cursor:pointer;color:tomato}.link:hover::after,.link:focus::after{width:0%}@media screen and (max-width: 600px){.grab-attention{font-size:4em}.headline{font-size:2em}.title{font-size:1.75em}.subtitle{font-size:1.25em}.paragraph{font-size:1em}.caption{font-size:.75em}}.title--vertical{writing-mode:vertical-lr;text-orientation:upright;text-transform:uppercase;position:relative;color:coral;font-size:2rem;font-weight:700}.title--vertical::after{content:"";display:block;position:absolute;top:0;right:0;height:100%;width:1px;background:coral;transition:all .3s ease}@media screen and (max-width: 768px){.title--vertical{font-size:1.5rem;font-weight:normal;writing-mode:horizontal-tb}.title--vertical::after{top:100%;bottom:0;width:100%;height:1px}.title--vertical:hover::after,.title--vertical:focus::after{width:0%}}.title--vertical:hover,.title--vertical:focus{cursor:pointer;color:tomato}.title--vertical:hover::after,.title--vertical:focus::after{height:0%}.flex--left{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}@media screen and (max-width: 768px){.flex--left{flex-direction:column}}.bg-text{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:5em;z-index:100}.bg-text--vertical{flex-direction:column;align-items:flex-start}.bg-text>*{z-index:101}@media screen and (max-width: 768px){.bg-text{flex-direction:column;justify-content:flex-start;padding-top:12em}.bg-text>*{margin:.5em 0}}.bg-text::after{content:attr(data-bg);position:absolute;inset:15% 7%;top:25%;left:3%;background:rgba(0,0,0,.5);color:rgba(245,245,245,.2);z-index:1;font-size:25vw;font-weight:900;text-align:center;mix-blend-mode:multiply;text-transform:uppercase;opacity:.1;border-top-right-radius:40px;border-bottom-left-radius:40px;overflow:hidden}@media screen and (max-width: 768px){.bg-text::after{font-size:25vh;inset:5%;top:15%;writing-mode:vertical-lr}}section.bg-text .title{position:absolute;top:4em;left:2em;z-index:40;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width: 768px){section.bg-text .title{left:0;right:0;margin:0 auto}}input{min-width:200px;width:100%;padding:.5em 1em;border:none;background:none;border-bottom:2px solid coral;font-weight:700;transition:all .3s ease-out;outline-offset:1em}input::-moz-placeholder{color:rgba(245,245,245,.7)}input::placeholder{color:rgba(245,245,245,.7)}input:hover,input:focus-visible{border-color:aqua}textarea{min-width:200px;width:100%;max-width:300px;padding:.5em 1em;border:none;background:none;border-bottom:2px solid coral;font-weight:700;transition:all .3s ease-out;outline-offset:1em}textarea::-moz-placeholder{color:rgba(245,245,245,.7)}textarea::placeholder{color:rgba(245,245,245,.7)}textarea:hover,textarea:focus-visible{border-color:aqua}button{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:tomato;color:#f5f5f5;border:2px solid coral;padding:.5em 1em;border-top-right-radius:10px;border-bottom-left-radius:10px;cursor:pointer;transition:background-color .5s ease;font-weight:900}button:hover,button:focus{background:rgba(245,245,245,.5);color:#241f31;border-color:#f5f5f5;transition:background-color .5s ease}.bar-chart .entry{min-width:200px;max-width:300px;position:relative;background:rgba(245,245,245,.1);border-top-right-radius:10px;margin-bottom:1.5em}.bar-chart .entry:hover,.bar-chart .entry:focus{cursor:pointer}.bar-chart .entry:hover .bar,.bar-chart .entry:focus .bar{opacity:0}.bar-chart .entry:hover .label,.bar-chart .entry:focus .label{color:coral}.bar-chart .bar{background:var(--color, coral);height:30px;width:0;transition:width .5s ease-out,opacity .1s ease-out;border-top-right-radius:10px}.bar-chart .label{position:absolute;left:5%;top:8px;font-weight:bold;color:var(--label-color, whitesmoke);transition:color .2s ease-out}.bar-chart .caption{position:absolute;left:0;top:35px;width:-moz-fit-content;width:fit-content;border-bottom:1px solid var(--color, coral)}.filter-section{gap:2em}.filter-section .options{display:flex;flex-direction:column;flex-wrap:wrap;gap:1em;-webkit-tap-highlight-color:rgba(0,0,0,0)}.filter .option,.filter .entry{transition:background .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter .options{margin-bottom:1em}.filter .option{width:100%;min-width:100px;padding:.5em 1em;border:2px solid aqua;border-top-right-radius:10px;border-bottom-left-radius:10px;text-align:center;font-weight:bold;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter .option.active{background:aqua;color:#241f31}.filter{display:grid;grid-template-columns:1fr 4fr;gap:1.5em;width:clamp(200px,100%,700px);height:100%}@media screen and (max-width: 768px){.filter{grid-template-columns:1fr}.filter .options{flex-direction:row;justify-content:center;margin-top:-2em;gap:1em}.filter .option{width:-moz-fit-content;width:fit-content}}.filter .entries{position:relative;min-width:200px;min-height:200px;width:100%;height:100%}.filter .entry{position:absolute;inset:0;padding:1em;transition:all .3s ease;width:100%;transform:scaleY(1);background:rgba(245,245,245,.1);border-top-right-radius:30px;border-bottom-left-radius:30px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1em;-webkit-tap-highlight-color:none}.filter .entry .title{position:unset;margin:0}.filter .inactive{transform:scaleY(0);pointer-events:none}.site-dialog{position:absolute;margin:auto}.site-dialog iframe{width:90vw;aspect-ratio:16/9;overflow-y:auto}.fade-in{opacity:0;transition:opacity 1s ease}.fade-in--active{opacity:1}.slide-in{opacity:0;transform:translateX(-100%);transition:transform .5s ease,opacity .5s ease}.slide-in--right{transform:translateX(100%)}.slide-in--active{opacity:1;transform:translateX(0)}.links{position:absolute;right:1em;top:50%;transform:translateY(-50%);width:60px;display:flex;flex-direction:column;gap:1em;opacity:0;transition:opacity .5s ease;z-index:9999999}@media screen and (max-width: 730px){.links{flex-direction:row;right:0;left:0;top:2em;margin:0 auto;width:-moz-fit-content;width:fit-content;height:60px}}.links a svg{height:30px;width:30px}.links path{fill:#f5f5f5}.links a:nth-child(1)::after{content:"github"}.links a:nth-child(2)::after{content:"linkedin"}.links a:nth-child(3)::after{content:"resume"}.links--item{height:50px;width:50px;text-decoration:none;transition:background-color .7s ease;border-radius:50%;background:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;position:relative;background:#241f31}.links--item::after{position:absolute;top:5px;left:-100px;border:2px solid coral;border-top-right-radius:10px;border-bottom-left-radius:10px;text-align:center;padding:.5em 1em;transform:scaleX(0);transition:transform .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.links--item:hover,.links--item:focus{background:coral}.links--item:hover::after,.links--item:focus::after{transform:scaleX(1)}@media screen and (max-width: 730px){.links a::after{left:-40%;right:0;top:60px;width:-moz-fit-content;width:fit-content}}.hero .grab-attention:last-of-type{margin-top:-0.6em}.skills{padding-top:3em;gap:5em;position:relative;justify-content:center}.skills .tag-cloud{z-index:39;border-radius:50%}@media screen and (max-width: 768px){.skills{gap:2em;justify-content:center}}.skills-stats{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));grid-auto-flow:row;gap:1.5em;max-width:680px;position:relative}.skills-stats::after{content:"";width:1px;height:100%;background:coral;position:absolute;left:-1em}@media screen and (max-width: 768px){.skills-stats{grid-template-columns:1fr}.skills-stats::after{display:none}.skills-stats .unimportant{display:none}}.projects{flex-direction:column}@media screen and (max-width: 768px){.projects .entries{min-height:300px}}.contact .entry,.contact .label{width:-moz-fit-content;width:fit-content;max-width:none}.contact form{display:flex;flex-direction:column;gap:1em;flex-wrap:wrap;justify-content:center;align-items:center;margin-right:3em;width:300px}@media screen and (max-width: 768px){.contact form{margin-right:0;margin-bottom:2em}}*{color:#f5f5f5}body{background:rgba(36,31,49,.7)}#particles-js{opacity:.3}main{height:100vh;width:100vw;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;margin-top:-2.9em}section{min-height:100vh;max-width:100%;margin:0 1em;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:left;scroll-snap-align:start;scroll-snap-stop:always}@media screen and (max-width: 768px){section:first-of-type{height:90vh}}dialog{position:absolute;inset:0;margin:auto;width:80vw;max-width:820px;aspect-ratio:16/9;border:none;background:rgba(0,0,0,0)}dialog iframe{height:100%;width:100%;margin:auto}dialog form{position:absolute;top:.5em;right:.5em}/*# sourceMappingURL=index.css.map */