body,html{height:100%;margin:0;padding:0;width:100%}*{box-sizing:border-box}#root{height:100%;overflow:hidden auto;overflow:hidden;scroll-behavior:smooth;width:100%}button,h1,p,ul{margin:0}button{padding:0}svg[role=img]{height:22px;width:22px}.clickable{align-items:center;display:flex;gap:12px;justify-content:baseline}.button.clickable{height:36px;padding:0 18px}.code{padding:2px 6px}.layout{height:100%;width:100%}#main,.layout{display:flex;flex-flow:column nowrap}#main{align-items:center;gap:16px;justify-content:center;margin:auto;max-height:100%;max-width:400px;padding:0 20px}#main>h1.title,#main>p.description{margin:0}#main.home{max-width:460px}.mobile #main.home{padding:58px 16px}#main.home>img.logo{margin-bottom:12px}#main>.links{align-items:stretch;display:flex;flex-flow:row wrap;gap:8px;justify-content:center;width:100%}.mobile #main>.links{gap:12px}#main.social{max-width:500px}#main.projects{max-width:800px;padding:86px 0 50px}.mobile #main.projects{max-width:400px}#main.projects>.list{align-items:stretch;display:flex;flex-flow:row wrap;gap:8px;justify-content:center;overflow-y:auto;width:100%}#main.projects>.list>.card{padding:16px;width:350px}#main.projects>.list>.card>.header{align-items:center;display:flex;justify-content:space-between}#main.projects>.list>.card>.header>.icons{display:flex;gap:4px}#main.projects>.list>.card>.header>.title{display:inline-block}.mobile #main.projects>.list>.card{padding:12px}#main.projects>.list>.card>.description{align-items:center;display:flex;gap:4px;justify-content:center;padding:12px 8px 0}#main.projects>.list>.card>.description *{white-space:nowrap}.mobile #main.projects>.list>.card>.description{padding:8px 4px 0}#main.projects>.list>.card>.description>.text{flex-grow:1;overflow:hidden;text-overflow:ellipsis}#main.projects>.list>.card>.description>.text *{display:inline}#main.project{padding:0}#main.project>.card{padding:16px;width:520px}.mobile #main.project>.card{padding:12px;width:350px}#main.project>.card>.header{align-items:center;display:flex;justify-content:space-between}#main.project>.card>.header>.icons{display:flex;gap:4px}#main.project>.card>.description{align-items:center;display:flex;gap:4px;justify-content:center;padding:12px 8px 0;width:100%}.mobile #main.project>.card>.description{padding:8px 4px 0}#main.project>.card>.description>.text>p:not(:last-child){margin-bottom:8px}#main.music{gap:10px;max-width:560px}.mobile #main.music{max-width:420px}#main.music>.artists,#main.music>.songs{align-items:center;display:flex;flex-flow:row wrap;gap:4px;justify-content:center}#main.music>.artists>a,#main.music>.songs>a{align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}#main.music>.artists>a>.img-mask,#main.music>.songs>a>.img-mask{display:inline-block;max-height:100px;overflow:hidden;width:100px}#main.music>.artists>a>.img-mask>img,#main.music>.songs>a>.img-mask>img{max-width:100%}#main.music>.songs>a{height:52px}#main.music>.songs>a>span{display:flex;flex-flow:column nowrap;justify-content:center}#main.music>.songs>a>span>.title_c{max-width:180px;overflow:hidden;white-space:nowrap}#main.music>.songs>a>span>.title_c>.marquee-scroll{display:inline-block}#main.music>.songs>a>.img-mask{max-height:32px;width:32px}#main.music>.artists>a>.img-mask{max-height:24px;width:24px}.menu_c{left:0;pointer-events:none;position:fixed;top:0;width:100%}.menu_c,.menu_c>#menu{align-items:center;display:flex;justify-content:center}.menu_c>#menu{flex-flow:row nowrap;gap:8px;padding:20px;pointer-events:auto}.mobile .menu_c>#menu{gap:6px}