@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap);.face-logo{flex:0 0 auto;font-size:30rem;margin-right:20px;max-width:40%}.social-link{color:var(--blue)}.social-logo{color:#000;height:2.5rem;margin-right:.5rem;opacity:.7;width:2.5rem}.social-logo:hover{opacity:1}.footer{align-items:center;background-color:#fff;border-top:1px solid var(--border-color);display:flex;padding-top:.25rem;& .hash{background-color:#fff;bottom:1.5rem;color:gray;position:absolute;right:.5rem}& .socials{display:flex;flex-grow:1;flex-wrap:wrap;justify-content:space-around}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wiggle{0%{transform:translateX(0)}25%{transform:translateX(-5px) scaleX(1.1)}50%{transform:translateX(5px)}75%{transform:translateX(-3px) scaleX(1.1)}to{transform:translateX(0)}}.loading{align-items:center;display:flex;flex-grow:1;font-size:larger;justify-content:center;text-align:center;& .icon{animation:spin 2s linear infinite;font-size:inherit}}.derp-smiley{align-items:center;background-color:#ffc0f7;border:1px solid var(--border-color);border-radius:2rem;bottom:3rem;color:#000;cursor:default;display:inline-flex;font-size:xx-large;justify-content:center;left:.5rem;position:absolute;transition:transform .6s cubic-bezier(.68,-.55,.27,1.55),left .6s ease,right .6s ease}.derp-smiley.squish{transform:scale(.8)}.derp-smiley.flip{left:auto;right:.5rem}.derp-smiley.wiggle{animation:wiggle .6s ease infinite}.cookie-banner{align-items:center;background-color:#fff;border:1px solid var(--border-color);bottom:2rem;display:flex;justify-content:space-between;left:2rem;padding:2rem;position:fixed;right:2rem;z-index:100;& button{display:flex;font-size:1rem;justify-content:space-between;margin-left:1rem;margin-right:1rem}}.home{display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%;& .main-content{flex-direction:column;flex-grow:1}& .header,& .main-content{display:flex;justify-content:center}& .header{align-items:center;flex-direction:row;flex-shrink:1;opacity:.95;padding:20px;svg{opacity:.8}}& .text-container{background-color:#fff;flex:1 1;padding:2rem 1rem;text-align:left}& .text-container h1{color:var(--purple);font-size:2.5em;margin:0}.projects-button,.projects-fab{cursor:pointer;font-size:1.2em;padding:.5rem 1rem;transition:background-color .3s ease;& .icon{padding-right:1rem}}& .text-container p{font-size:1.2em;margin-top:10px}& .personal-description{border-left:1px solid #000;margin-left:1rem;padding-left:1rem}& .lower-line{display:flex;justify-content:flex-end}}.home .projects-button-container{display:flex;justify-content:center;padding:1rem 0}.projects-fab-container{bottom:25%;left:50%;position:fixed;transition:transform .12s ease,opacity .12s ease;z-index:1000}.projects-fab:hover{transform:translateY(-1px)}.projects-fab:active{transform:translateY(0)}@media (max-height:520px){.projects-button-container{display:none}}.projects-container{display:flex;height:100%;overflow:hidden;width:100%;.projects-content{display:flex;flex:1 1;justify-content:center;overflow-y:hidden}}.sidebar{border-right:1px solid var(--border-color);display:flex;flex-direction:column;max-width:20%;padding:1px;button{align-items:center;display:flex;flex-direction:row;font-size:large}.home-link{font-size:x-large;font-weight:bolder;.icon{padding-right:.5rem;width:2rem}}.sidebar-link{border-left:0;border-right:0;border-top:0;.icon{padding-left:.5rem;padding-right:1rem;width:1rem}}.link .label{border-bottom:2px solid #0000;border-top:2px solid #0000}.sidebar-link:hover .label{border-bottom:2px solid var(--light-blue)}.sidebar-link.active,.sidebar-link:active{.label{border-bottom:2px solid var(--blue)}}}.border{border:1px solid var(--border-color)}.border-left{border-left:1px solid var(--border-color)}.border-right{border-right:1px solid var(--border-color)}.border-top{border-top:1px solid var(--border-color)}.border-bottom{border-bottom:1px solid var(--border-color)}button{background:color-mix(in srgb,var(--background-color) 80%,#fff);border:1px solid var(--border-color);cursor:pointer;font-weight:700;padding:.25rem .5rem;transition:.2s;&:disabled{cursor:not-allowed}&:not(:disabled){&:hover{background:color-mix(in srgb,var(--background-color) 90%,#fff)}&:active{background:var(--background-color)}}}button.blue,button.gray,button.green,button.orange,button.pink,button.purple,button.red{color:#fff;&:disabled{background-color:gray}}button.light-blue,button.light-gray,button.light-green,button.light-orange,button.light-pink,button.light-purple,button.light-red{color:#000;&:disabled{background-color:#d3d3d3}}button.gray{--background-color:gray}button.purple{--background-color:var(--purple)}button.pink{--background-color:var(--pink)}button.red{--background-color:var(--red)}button.orange{--background-color:var(--orange)}button.green{--background-color:var(--green)}button.blue{--background-color:var(--blue)}button.lightgray{--background-color:#d3d3d3}button.lightpurple{--background-color:var(--light-purple)}button.lightpink{--background-color:var(--light-pink)}button.lightred{--background-color:var(--light-red)}button.lightorange{--background-color:var(--light-orange)}button.lightgreen{--background-color:var(--light-green)}button.lightblue{--background-color:var(--light-blue)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Fira Code,monospace;height:100vh;margin:0;width:100vw}:root{--background-color:#fff;--border-color:#000;--purple:#6a5acd;--light-purple:color-mix(in srgb,var(--purple) 45%,#fff);--pink:#c71585;--light-pink:color-mix(in srgb,violet 70%,#fff);--red:#dc143c;--light-red:#f08080;--orange:#ff4500;--light-orange:#ffa07a;--green:#32cd32;--light-green:#98fb98;--blue:#00bfff;--light-blue:color-mix(in srgb,var(--blue) 40%,#fff);--purple-80:color-mix(in srgb,var(--purple) 80%,#fff);--pink-80:color-mix(in srgb,var(--pink) 80%,#fff);--red-80:color-mix(in srgb,var(--red) 80%,#fff);--orange-80:color-mix(in srgb,var(--orange) 80%,#fff);--green-80:color-mix(in srgb,var(--green) 80%,#fff);--blue-80:color-mix(in srgb,var(--blue) 80%,#fff);--light-purple-80:color-mix(in srgb,var(--light-purple) 80%,#fff);--light-pink-80:color-mix(in srgb,var(--light-pink) 80%,#fff);--light-red-80:color-mix(in srgb,var(--light-red) 80%,#fff);--light-orange-80:color-mix(in srgb,var(--light-orange) 80%,#fff);--light-green-80:color-mix(in srgb,var(--light-green) 80%,#fff);--light-blue-80:color-mix(in srgb,var(--light-blue) 80%,#fff);--purple-90:color-mix(in srgb,var(--purple) 90%,#fff);--pink-90:color-mix(in srgb,var(--pink) 90%,#fff);--red-90:color-mix(in srgb,var(--red) 90%,#fff);--orange-90:color-mix(in srgb,var(--orange) 90%,#fff);--green-90:color-mix(in srgb,var(--green) 90%,#fff);--blue-90:color-mix(in srgb,var(--blue) 90%,#fff);--light-purple-90:color-mix(in srgb,var(--light-purple) 90%,#fff);--light-pink-90:color-mix(in srgb,var(--light-pink) 90%,#fff);--light-red-90:color-mix(in srgb,var(--light-red) 90%,#fff);--light-orange-90:color-mix(in srgb,var(--light-orange) 90%,#fff);--light-green-90:color-mix(in srgb,var(--light-green) 90%,#fff);--light-blue-90:color-mix(in srgb,var(--light-blue) 90%,#fff)}#root,.App{height:100%;width:100%}.App{flex-direction:column;justify-content:center;text-align:center}.App,.column,.row{display:flex}.column{flex-direction:column}.grow{flex-grow:1}.content-center{justify-content:center}.items-center{align-items:center}.p-0{padding:0}.pointer{cursor:pointer}.abs{position:absolute}.rel{position:relative}.hide{opacity:0}.grid{display:grid}.grid-1{grid-column:1}.grid-1,.grid-row-1{grid-row:1}.grid-col-1{grid-column:1}.grid-col-2{grid-column:2}.auto{overflow:auto}.gap-1{gap:.25rem}kbd{background-color:#fff;border:1px solid var(--border-color);box-shadow:0 2px 0 1px var(--border-color);color:#000;cursor:default;display:block;font-family:var(--font-family-sans-serif);font-size:.75em;line-height:1;margin:.25rem;min-width:.75rem;padding:2px 5px;position:relative;text-align:center;top:-1px;&:hover{box-shadow:0 1px 0 .5px var(--border-color)!important;top:1px!important}}
/*# sourceMappingURL=main.e50840cc.css.map*/