@import url(https://fonts.googleapis.com/css2?family=Calligraffitti&family=Graduate&family=Grand+Hotel&family=Orbitron:wght@400..900&family=WindSong:wght@400;500&display=swap);:root{--width-leftsidebar:50px;--width-rightsidebar:50px;--main-padding:64px;--clr-pri:#fff;--clr-sec:#fff;--clr-acc:#3b3bab;--clr-font-pri:#020202;--clr-font-acc:#3b3bab;--anim-trans:.1s;--selection-bkg:#fff;--selection-color:#fff}*{transition:color .1s;transition:var(--anim-trans) color;transition:background-color .1s;transition:var(--anim-trans) background-color;::selection{background-color:#fff;background-color:var(--selection-bkg);color:#fff;color:var(--selection-color)}}#app-content{flex-direction:column;padding:64px;padding:var(--main-padding);position:relative}#app-content,#header-nav{background-color:#fff;background-color:var(--clr-pri);display:flex}#header-nav{align-items:center;gap:16px;height:64px;height:var(--main-padding);justify-content:space-between;padding:16px;position:fixed;top:0;width:calc(100% - 128px);width:calc(100% - (var(--main-padding))*2);width:calc(100vw - 150px);width:calc(100vw - (var(--width-leftsidebar))*3);z-index:2;:nth-child(3){margin-right:auto}}.nav-link{color:#020202;color:var(--clr-font-pri);cursor:pointer;padding-bottom:4px;position:relative;text-decoration:none;transition:.1s;transition:var(--anim-trans);z-index:2;:hover,div{transition:.1s;transition:var(--anim-trans)}div{border-bottom:1px solid;height:100%;position:absolute;top:0;width:0;z-index:1}}.selected{div{transition:.1s;transition:var(--anim-trans);width:100%}}.other-link{transition:.1s;transition:var(--anim-trans);:hover{transition:.1s;transition:var(--anim-trans)}}#main-content{display:grid;grid-template-columns:auto;grid-template-rows:repeat(auto-fill,auto);margin-left:auto;margin-right:auto;max-width:1000px;padding-left:50px;padding-left:var(--width-leftsidebar);padding-right:50px;padding-right:var(--width-rightsidebar)}#left-sidebar{bottom:64px;bottom:var(--main-padding);font-size:xx-large;position:fixed;width:50px;width:var(--width-leftsidebar);#text-label{writing-mode:sideways-lr}}#right-sidebar{bottom:64px;bottom:var(--main-padding);display:grid;grid-template-columns:auto;grid-template-rows:repeat(auto-fill,auto);justify-self:right;position:fixed;width:50px;width:var(--width-rightsidebar);button{aspect-ratio:1/1}}#about-section{min-height:50vh;#title{font-size:larger}#name{font-size:xxx-large}#subtitle{font-size:smaller;margin-bottom:32px}img{float:left;margin-right:16px;margin-top:8px;max-width:200px}}.tag{background-color:#d3d3d3;border-radius:8px;font-size:small;height:auto;padding:4px 16px;width:auto}.tag-list{display:grid;grid-template-columns:repeat(auto-fill,auto);grid-template-rows:auto}.card-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:auto;grid-template-rows:repeat(auto-fill,auto);padding:16px}.card{grid-gap:8px;border-top:1px solid #0000;box-shadow:2px 2px 2px #0000;display:grid;gap:8px;grid-template-columns:30% auto;grid-template-rows:auto;min-height:150px;padding:8px;position:relative;text-decoration:none;z-index:0;.link-arrow{transform:translate(0)}>div{display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr auto;.title-group{display:flex;justify-content:space-between;width:100%}}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.card-aside-img{height:100%;object-fit:cover;width:100%}.card-aside-text{text-align:center}}.card,.card-list>.card:hover{border-radius:8px;color:#000;transition:.1s;transition:var(--anim-trans);transition:.1s;transition:var(--anim-trans);transition:.1s;transition:var(--anim-trans);transition:.1s;transition:var(--anim-trans)}.card-list>.card:hover{background-color:#ffffff0d;border-top:1px solid #3b3bab;border-top:1px solid var(--clr-acc);box-shadow:2px 2px 2px #00000080;.link-arrow{transform:translate(10%,-10%)}}.page-section{margin-top:20vh;min-height:50vh;.section-goto{display:flex;font-weight:bolder;gap:8px;justify-content:flex-end;text-decoration:none;transition:.1s;transition:var(--anim-trans);span{transition:.1s;transition:var(--anim-trans)}}.section-goto:hover span{transform:translate(8px);transition:.1s;transition:var(--anim-trans)}}.look-at{font-weight:bolder;position:relative;text-decoration:none;transition:.1s;transition:var(--anim-trans);a{transition:.1s;transition:var(--anim-trans)}.caption{border-radius:4px;filter:opacity(1);font-weight:700;max-width:200px;padding:8px;pointer-events:none;position:fixed}.caption,.hidden{transition:filter .1s;transition:var(--anim-trans) filter}.hidden{filter:opacity(0)}}.dropdown{position:relative;.dropdown-target{cursor:pointer}.dropdown-content{display:grid;grid-template-columns:auto;grid-template-rows:repeat(auto-fill,auto);position:absolute;transform:translateX(-80%)}}.color-picker-list-item{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:10px;transition:background-color .3s ease;&:hover{background-color:#f0f0f0}p{margin:0;padding-bottom:4px;padding-right:10px}.color-list{align-items:center;display:flex;gap:3px;.color-display{border:1px solid;border-radius:4px;height:10px;margin-right:5px;width:32px}}}#projects-section{display:grid;grid-template-columns:auto;grid-template-rows:auto auto;#main-content{display:grid;grid-template-columns:auto;grid-template-rows:(repeat(auto-fill,auto))}#more-projects{text-align:end}}.project-item-card{display:grid;grid-template-columns:auto auto}#experience-list,#experience-section{display:grid;grid-template-columns:auto;grid-template-rows:repeat(auto-fill,auto)}
/*# sourceMappingURL=main.13a4120e.css.map*/