*{-webkit-tap-highlight-color:rgba(161,159,168,.4)}:focus-visible{outline-color:var(--text-color)}::selection{background-color:hsla(253,5%,64%,.4);color:var(--text-color)}::-moz-selection{background-color:hsla(253,5%,64%,.4);color:var(--text-color)}:root{--primary:#6053c6;--success:#28e460;--error:#e42851;--text-color:#fff;--black-400:#28272b;--black-500:#323036;--black-700:#46444b;--black-800:#504e56;--black-900:#5a5760;--white-200:#aba9b1;--white-500:#cbc9cf}#root{background-color:var(--black-400);color:var(--text-color);font-family:Nunito,sans-serif;font-size:16px}a{color:inherit;text-decoration:inherit}.underlined{text-decoration:underline}button{background:inherit;border:inherit;color:inherit;font:inherit}svg[role=img] *{fill:var(--text-color)}.link{cursor:pointer;text-decoration:underline}.clickable{background-color:var(--black-400);border:1px solid var(--black-700);cursor:pointer;transition:.2s}.button.clickable{border-radius:12px}.non_touch .button.clickable:hover{background-color:var(--black-700);border-color:var(--black-400)}.code{background-color:var(--black-800);border-radius:8px;font-family:Roboto Mono;font-size:13.5px}.faded{color:var(--white-200)}#main{cursor:default}#main>noscript{text-align:center}#main>noscript>p{margin-bottom:16px}#main>h1.title{font-family:Lobster;font-size:2.6rem;letter-spacing:1px;text-align:center;text-shadow:.025em .1em 0 var(--black-900)}.mobile #main>h1.title{font-size:2rem}.non_touch #main>h1.title{transition:.2s}.non_touch #main>h1.title:hover{text-shadow:.025em .1em 0 var(--primary)}#main>p.description{inline-size:auto;line-height:22px;text-align:center;writing-mode:horizontal-tb}#main.move_out{animation:move_out .36s ease-in 1;opacity:0}@keyframes move_out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100px*cos(var(--angle))),calc(100px*sin(var(--angle))))}}#main.move_in{animation:move_in .36s ease 1}@keyframes move_in{0%{opacity:0;transform:translate(calc(-100px*cos(var(--angle))),calc(-100px*sin(var(--angle))))}to{opacity:1;transform:translate(0)}}#main.home>img.logo{border-radius:64px}#main.home>.description{text-align:center}#main.projects>.list>.card{background-color:var(--black-400);border:1px solid var(--black-700);border-radius:16px}#main.projects>.list>.card>.description{font-size:15px}.non_touch #main.projects>.list>.card,.non_touch #main.projects>.list>.card .title{transition:background-color .2s,border-color .2s}.non_touch #main.projects>.list>.card:hover{background-color:var(--black-700);border-color:var(--black-400)}.non_touch #main.projects>.list>.card:hover>.header>.title{background-color:var(--black-500)}#main.project>.card{background-color:var(--black-400);border:1px solid var(--black-700);border-radius:16px}#main.project>.card>.description{font-size:15px;line-height:22px}#main.music>p{text-align:center}#main.music>.songs>a>.img-mask{border-radius:4px}#main.music>.artists>a>.img-mask{border-radius:50%}#main.music>.songs>a>span>.title_c>.marquee-scroll{animation:marquee 10s linear infinite}@keyframes marquee{0%{transform:translateX(0)}10%{transform:translateX(0)}50%{transform:translateX(calc(var(--offset)*-1))}60%{transform:translateX(calc(var(--offset)*-1))}}#main.music>.songs>a>span>.artist{color:var(--white-200);font-size:12px}#main.not_found>h1.glitch404{animation:glitch404 .5s infinite;font-size:64px}@keyframes glitch404{0%{text-shadow:-2px -2px 0 #ec2794cc,2px 2px 0 #26ececcc}20%{text-shadow:-1px -2px 0 #ec2693cc,2px 1px 0 #26ececcc}40%{text-shadow:-2px -1px 0 #ec2693cc,2px 1px 0 #26ececcc}60%{text-shadow:-1px -1px 0 #ec2693cc,1px 2px 0 #26ececcc}80%{text-shadow:-1px -2px 0 #ec2693cc,2px 1px 0 #26ececcc}}.menu_c>#menu .clickable.button.active{background:var(--primary);border-color:var(--primary)}