@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;500;700&family=Ubuntu&display=swap);/*! tailwindcss v2.0.4 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*{--tw-shadow:0 0 #0000;--tw-ring-inset:var(--tw-empty, );/*!*//*!*/--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.my-auto{margin-top:auto;margin-bottom:auto}.mb-2{margin-bottom:.5rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mt-8{margin-top:2rem}.mr-3{margin-right:.75rem}.flex{display:flex}.h-20{height:5rem}.h-12{height:3rem}.w-10{width:2.5rem}.w-full{width:100%}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(3rem * var(--tw-space-x-reverse));margin-left:calc(3rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded-md{border-radius:.375rem}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.p-2{padding:.5rem}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-5xl{font-size:3rem;line-height:1}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.duration{transition-duration:150ms}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}ul{list-style-type:circle;list-style-position:inside}ul li{margin-top:.25rem;margin-bottom:.25rem}@media (min-width:768px){.md\:mt-0{margin-top:0}}@media (min-width:1024px){.lg\:mt-8{margin-top:2rem}.lg\:flex-row{flex-direction:row}.lg\:space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(4rem * var(--tw-space-x-reverse));margin-left:calc(4rem * calc(1 - var(--tw-space-x-reverse)))}}#root{--accent:#bef264}.App{display:flex;height:100vh;width:100%;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(17,24,39,var(--tw-bg-opacity))}.link{border-bottom:1px dotted #fff;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-scale-x:1;--tw-scale-y:1;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;transition-duration:.2s}.link:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hoverable{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-scale-x:1;--tw-scale-y:1;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;transition-duration:.2s}.hoverable:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.content{position:relative;overflow-x:hidden;height:calc(100% - var(--nav-height));display:flex}.navbar{height:var(--nav-height);display:flex;width:100%;flex-direction:column;align-items:center;--tw-bg-opacity:1;background-color:rgba(55,65,81,var(--tw-bg-opacity));padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem}@media (min-width:1024px){.navbar{height:4rem}.navbar{flex-direction:row}.navbar{padding-left:3rem;padding-right:3rem}.navbar{padding-top:0}}.navbar.right{height:4rem;flex-direction:row;justify-content:center;padding-top:0}@media (min-width:1024px){.navbar.right{justify-content:flex-end}}.navbar.full{justify-content:space-between}.links{display:flex;flex-direction:row;align-items:center}.links>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.links{padding-top:.5rem;font-size:1.25rem;line-height:1.75rem}.tab{transition:transform .2s;font-family:'Fira Code',monospace;height:2.5rem;text-align:center;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.tab:hover{transform:scale(1.1)}.tab.selected{transform:scale(1.1)}.tab-accent-border{transition:margin .2s;margin-left:.5rem;margin-right:.5rem;border-bottom-width:2px;--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity));opacity:.5}.tab:hover .tab-accent-border{border-color:var(--accent);margin-left:0;margin-right:0;opacity:1}.selected .tab-accent-border{--tw-border-opacity:1;border-color:rgba(219,234,254,var(--tw-border-opacity));opacity:1}.ubuntu{font-family:Ubuntu,monospace;font-weight:lighter}.fira{font-family:'Fira Code',monospace;font-weight:700}#root{--nav-height:96px;color:#fff}@media (min-width:1024px){#root{--nav-height:64px}}h1{font-size:3.75rem;font-family:Ubuntu,monospace;font-weight:lighter}.page{position:absolute;right:0;bottom:0;left:0;top:0}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100%;padding:1rem}.about-content{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1080px;width:100%}h1{margin:0 auto;text-align:center}.about-text-section{overflow:hidden;display:flex;flex-direction:column;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.i-am-a{margin:2rem 1rem;display:flex;width:100%;max-width:25rem;flex-direction:column;justify-content:start;align-items:center}ul{width:100%;list-style-type:none}.i-am-a li{font-size:1.25rem;font-weight:lighter;transition:transform .3s;transform-origin:0 50%}.i-am-a li:hover{transform:scale(1.1)}.i-am-a li::before{content:'› '}.i-am-a li.selected{font-weight:700}.i-am-a li.selected::before{content:'» '}.about-text-section img{z-index:0;opacity:.2;color:var(--accent);stroke:var(--accent);fill:var(--accent)}.about h3{z-index:1;font-family:'Fira Code',monospace;font-weight:700;font-size:1.5rem;line-height:2rem}.about-text-section p{z-index:1;font-family:Ubuntu,monospace;font-weight:lighter;margin-top:.5rem;width:100%;font-size:1.125rem;line-height:1.75rem}.section-accent-border{width:100%;z-index:1;background:linear-gradient(to right,#0000 0,var(--accent) 20%,#0000 100%);margin-top:.25rem;margin-bottom:.25rem;height:.25rem}.personal-details{margin:auto auto}.about-section-container{position:relative;width:100%;max-width:25rem;height:25rem}.about .headshot{background-image:url(/assets/headshot.f7244bc7.jpg);width:300px;height:400px;background-size:cover;background-position:center;border-radius:10%;--tw-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.contact-info{margin:auto;margin-top:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-info>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(6rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(6rem * var(--tw-space-y-reverse))}.contact-info{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}@media (min-width:768px){.contact-info{margin-top:13rem}}@media (min-width:1024px){.contact-info{margin-top:15rem}}.resume{min-height:100%;position:relative;display:flex;width:100%;flex-direction:column;padding:0;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}@media (min-width:1024px){.resume{flex-direction:row}}.resume h1{font-size:1.875rem;line-height:2.25rem}.resume h2{z-index:100;font-size:1.5rem;line-height:2rem}.resume h3{font-family:'Fira Code',monospace;font-weight:700;font-size:1.125rem;line-height:1.75rem}.resume h4{font-family:Ubuntu,monospace;font-weight:lighter;font-size:1.125rem;line-height:1.75rem}.resume p{opacity:50%;font-family:Ubuntu,monospace;font-weight:lighter;font-size:1.125rem;line-height:1.75rem}.resume .trivia{min-height:100%;display:flex;width:100%;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity));padding:1rem}@media (min-width:1024px){.resume .trivia{width:33.333333%}}@media (min-width:1280px){.resume .trivia{width:25%}}.resume .trivia-section-outer{display:flex;flex-direction:column}@media (min-width:768px){.resume .trivia-section-outer{flex-direction:row}}@media (min-width:1024px){.resume .trivia-section-outer{flex-direction:column}}.resume .trivia-section-inner{max-width:24rem;display:flex;width:100%;flex-direction:column;justify-content:flex-start}.resume .contact{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:row;gap:1rem}.resume .contact a{transition:transform .2s;transform-origin:50% 50%}.resume .contact a:hover{transform:scale(1.1)}.resume .education{display:flex;flex-direction:row;align-items:center;justify-content:space-between;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.resume .experience{display:flex;height:100%;width:100%;flex-direction:column;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media (min-width:1024px){.resume .experience{width:66.666667%}.resume .experience{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.resume .experience{width:75%}}.resume .work{margin-top:3rem}.resume .work-divider{background:linear-gradient(to right,#0000 0,#ffff 20%,#0000 100%);margin-bottom:1rem;height:.125rem;width:50%}.resume .work ul{margin-left:1rem}.resume .work ul li{font-family:Ubuntu,monospace;font-weight:lighter}.experience>div{margin-top:2rem}.name{font-family:'Fira Code',monospace;transition:opacity,color .3s;z-index:9999;font-size:1.875rem;line-height:2.25rem;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}