:root{--bg-1:#222629;--bg-2:#474b4f;--fg-1:#222629;--fg-1-hover:#eee;--fg-2:#ab1c57;--fg-2-hover:#dc518b;--nav-button:#43641b;--nav-button-hover:#639221;--text-light:#fff;--text-dark:#fff;--text-bubble:#43641b;--small-font-size:12pt;--small-medium-font-size:14pt;--medium-font-size:24pt;--big-font-size:32pt;--box-shadow:0px 0px 50px #000;--box-shadow-inset:0px 0px 50px #000 inset}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.unselectable{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.App{background-color:var(--bg-1);min-height:100vh;color:var(--text-dark)}h1.title{margin:0;padding-top:10px;text-align:center;font-size:var(--big-font-size)}.page{min-height:120vh;position:relative;padding-bottom:50px}.Center{--num-rows:4;--height:min(40vw,60vh);--width:calc(var(--height)*2);--minimized-height:100px;--max-menu-trans:0.3s;--min-menu-trans:0.4s;position:fixed;height:var(--height);display:flex;flex-direction:row;border-radius:var(--width);z-index:69420}.Center.menu{width:var(--width);-webkit-transform:translate(calc(50vw - var(--width)/2),calc(50vh - var(--height)/2));transform:translate(calc(50vw - var(--width)/2),calc(50vh - var(--height)/2))}.Center.maximized,.Center.menu{transition:-webkit-transform var(--max-menu-trans) ease-out;transition:transform var(--max-menu-trans) ease-out;transition:transform var(--max-menu-trans) ease-out,-webkit-transform var(--max-menu-trans) ease-out}.Center.maximized{width:var(--height);-webkit-transform:translate(calc(50vw - var(--height)/2),calc(50vh - var(--height)/2));transform:translate(calc(50vw - var(--height)/2),calc(50vh - var(--height)/2));box-shadow:var(--box-shadow)}.Center.minimized{height:var(--minimized-height);width:var(--minimized-height);-webkit-transform:translate(calc(100vw - var(--minimized-height) - 20px),20px);transform:translate(calc(100vw - var(--minimized-height) - 20px),20px);transition:-webkit-transform var(--min-menu-trans) ease-in-out;transition:transform var(--min-menu-trans) ease-in-out;transition:transform var(--min-menu-trans) ease-in-out,-webkit-transform var(--min-menu-trans) ease-in-out}.nav-button-filter{position:absolute;height:var(--height);width:calc(var(--width) - var(--height)/2);overflow:hidden;border-top-right-radius:calc(var(--height)/2);border-bottom-right-radius:calc(var(--height)/2);pointer-events:none;-webkit-transform:translateX(calc(var(--height)/2));transform:translateX(calc(var(--height)/2));transition:width var(--max-menu-trans) ease-in-out,height var(--max-menu-trans) ease-in-out}.nav-button-filter.maximized{width:calc(var(--height)/2)}.nav-button-filter.minimized{transition:none;--height:0px;--width:0px}.nav-offset{shape-outside:circle(calc(var(--height)/2) at 25% 50%);width:var(--height);height:var(--height);float:left;pointer-events:none}.nav-button{background-color:var(--nav-button);height:calc(var(--height)/var(--num-rows));width:calc(var(--width) - var(--height)/2);pointer-events:auto;transition:background-color var(--max-menu-trans);font-size:calc(var(--height)/10);padding-top:calc(var(--height)/20);color:#fff}.nav-button:hover{background-color:var(--nav-button-hover)}.pfp-back{background-color:#000;height:var(--height);width:var(--height);position:absolute;overflow:hidden;border-radius:50%;border-width:20px;box-sizing:border-box;shape-outside:circle(var(--height));transition:var(--max-menu-trans) ease-in-out}.pfp-back.minimized{width:var(--minimized-height);height:var(--minimized-height)}.pfp{display:inline;width:100%;opacity:.7;transition:opacity .4s;border-radius:50%;cursor:pointer}.pfp:hover{opacity:1}.component-round-card{background-color:var(--fg-1);width:90%;padding:10px;box-sizing:border-box;border-radius:10px;font-size:var(--small-font-size);margin:20px;box-shadow:var(--box-shadow)}.component-round-card.inset{box-shadow:var(--box-shadow-inset)}.component-text-bubble{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--text-bubble);padding-left:1em;padding-right:1em;border-radius:1em}.component-subtitle{margin:0 10px 10px;color:var(--text-light)}.resume{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-2);z-index:1}.resume-text-bubble-container{padding:0;display:flex;justify-content:flex-start;flex-wrap:wrap}.resume-text-bubble{margin-bottom:10px;margin-left:5px;margin-right:5px}.projects{background-color:var(--bg-1);box-shadow:var(--box-shadow-inset);z-index:2}.git-card-container{width:100%;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px;font-size:var(--small-font-size)}.git-card,.git-card-container{display:flex;box-sizing:border-box}.git-card{transition:opacity .5s;opacity:0;flex-direction:column;width:300px;height:200px;margin:10px;padding:12px;border-radius:20px;text-decoration:none;color:var(--text-light);background-color:var(--fg-2);box-shadow:var(--box-shadow)}.git-card:hover{background-color:var(--fg-2-hover)}.git-card-name{display:flex;justify-content:center;margin-top:5px;margin-bottom:10px}.git-card-desc{font-size:var(--small-font-size)}.card-visible{opacity:1}.interests{background-color:var(--bg-2);z-index:3}.contact{z-index:4}.contact,.home{background-color:var(--bg-1);box-shadow:var(--box-shadow-inset)}.home{z-index:0}.home h1.title{font-size:calc(var(--big-font-size) + 20pt)}