body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--cursorX:50vw;--cursorY:50vh;--primary-color:#e2e8f0;--secondary-color:#b39f3e;--black-color:#030303;--lightGray-color:#e4e4e4;--gray-color:#a8a8a8;--brown-color:#46364a;--white-color:#fff}:root:before{background:radial-gradient(circle 30vmax at 50vw 50vh,#b39f3e00 0,#b39f3e33 0,#0000001a 100%);background:radial-gradient(circle 30vmax at var(--cursorX) var(--cursorY),#b39f3e00 0,#b39f3e33 0,#0000001a 100%);content:"";display:block;height:100%;pointer-events:none;position:fixed;width:100%}ul{list-style-type:none;margin:0;padding:0}a{color:#a8a8a8;color:var(--gray-color);text-decoration:none}.app{display:flex;gap:1rem;justify-content:space-between}@media screen and (max-width:768px){.app{display:block;gap:0}}.max-w-screen-xl{max-width:1080px;padding-left:6rem;padding-right:6rem}@media screen and (max-width:768px){.max-w-screen-xl{padding-left:1.5rem;padding-right:1.5rem}}.min-h-screen{min-height:100vh}.mx-auto{margin-left:auto;margin-right:auto}.uppercase{text-transform:uppercase}.p-text,.p-text2{line-height:1.5rem}.p-text2{font-size:14px}.p-text2 a{font-weight:700}.p-text2 a:hover{color:var(--secondary-color)}.items-center{align-items:center}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.sticky{position:sticky;top:0}@media screen and (max-width:768px){.sticky{position:relative}}.social-icon{height:1.5rem;margin-right:1.5rem;width:1.5rem}.archive-project-icon,.up-right-arrow{transition:transform .15s ease-out}.archive-project-icon,.right-arrow,.up-right-arrow{display:inline-block;height:1rem;margin-bottom:-.2rem;margin-left:.2rem;width:1rem}.left-arrow,.right-arrow{transition:transform .1s ease-out}.left-arrow{display:inline-block;height:1rem;margin-bottom:-.15rem;margin-right:.4rem;transform:rotate(180deg);width:1rem}.skill-tag{background-color:rgba(131,117,47,.247);border-radius:99px;color:var(--secondary-color);display:block;font-size:14px;line-height:1.25rem;margin-right:.5rem;margin-top:.5rem;padding:.15rem .75rem .25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.pr-2{padding-right:2rem}.py-1{padding-bottom:1rem;padding-top:1rem}.font-semibold{font-weight:600}.align-top{vertical-align:top}.border-slate-300\/10{border-color:#cbd5e11a}.border-b{border-bottom-width:1px}.desk-hidden{display:none}@media screen and (max-width:768px){.desk-hidden{display:block}}.mobile-hidden{display:block}@media screen and (max-width:768px){.mobile-hidden{display:none}}a:focus-visible{border-radius:2px;outline:2px solid var(--secondary-color);outline-offset:3px}.skip-link{background:var(--secondary-color);border-radius:4px;color:var(--black-color);left:1rem;padding:.5rem 1rem;position:absolute;top:1rem;transform:translateY(-200%);z-index:100}.skip-link:focus{transform:none}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}.app-header{box-sizing:border-box;color:var(--primary-color);display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding-bottom:5rem;padding-top:5rem;width:50%}@media screen and (max-width:768px){.app-header{height:auto;padding-bottom:0;padding-top:4rem;width:100%}}.app-header .header-title p{color:var(--secondary-color);font-size:30px;line-height:2rem}@media screen and (max-width:768px){.app-header .header-title p{font-size:25px;line-height:1.5rem}}.app-header .header-title h1{font-size:50px;line-height:2rem;margin-left:-.2rem}@media screen and (max-width:768px){.app-header .header-title h1{font-size:clamp(28px,10.5vw,40px);line-height:1.5rem}}.app-header .header-title .header-subtitle{color:var(--gray-color);font-size:1.17em;font-weight:500;line-height:2rem;margin:1em 0}@media screen and (max-width:768px){.app-header .header-title .header-subtitle{line-height:1.5rem}}.app-header .header-menu{margin-top:3rem}@media screen and (max-width:768px){.app-header .header-menu{display:none}}.app-header .header-menu a{font-size:14px;padding-bottom:.75rem;padding-top:.75rem;width:160px}.app-header .header-menu a.active{color:var(--primary-color);font-weight:600;transition:.25s linear 0s}.app-header .header-menu a.active .header-menu-line{background:var(--primary-color);height:1px;transition:.25s linear 0s;width:70px}.app-header .header-menu a:focus-visible,.app-header .header-menu a:hover{color:var(--primary-color);font-weight:600;transition:.25s linear 0s}.app-header .header-menu a:focus-visible .header-menu-line,.app-header .header-menu a:hover .header-menu-line{background:var(--primary-color);height:1px;transition:.25s linear 0s;width:70px}.app-header .header-menu a .header-menu-line{background:var(--gray-color);height:1px;margin-right:.75rem;margin-top:.2rem;width:45px}.app-header .header-social{margin-top:2rem}.app-header .header-social a:focus-visible svg,.app-header .header-social a:hover svg{fill:var(--primary-color);transition:.25s linear 0s}.app-main{box-sizing:border-box;color:var(--gray-color);padding-bottom:5rem;width:50%}@media screen and (max-width:768px){.app-main{width:100%}}.app-main .mobile-section-heading{font-size:1.17em}@media screen and (min-width:769px){.app-main .mobile-section-heading{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}}@media screen and (max-width:768px){.app-main .mobile-section-heading{color:var(--white-color);display:block;margin:0 -1.5rem;padding:1rem 1.5rem;width:100%}}.app-main .mobile-sticky-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;width:100%;z-index:20}.app-main .m-block{display:flex;margin:2rem -2rem 0;padding:0 2rem;position:relative}@media screen and (max-width:768px){.app-main .m-block{border-radius:5px;display:block;margin:.5rem -1rem 0;padding:.5rem 1rem}}.app-main .m-block .m-block-year{font-weight:500;margin:1.33em 0;width:150px}@media screen and (max-width:768px){.app-main .m-block .m-block-year{font-weight:600;line-height:1rem;width:100%}}.app-main .m-block .m-block-heading{color:var(--white-color);font-size:1em;font-weight:600;margin:1.33em 0}@media screen and (max-width:768px){.app-main .m-block .m-block-heading{font-weight:600;line-height:1rem}}.app-main .m-block .m-block-link{color:inherit}.app-main .m-block .m-block-link:after{content:"";inset:0;position:absolute;z-index:1}.app-main .m-block:focus-within,.app-main .m-block:hover{background:hsla(0,0%,5%,.631);box-shadow:0 0 1px #363636;transition:.25s linear 0s}.app-main .m-block:focus-within .m-block-heading,.app-main .m-block:focus-within .m-block-year,.app-main .m-block:hover .m-block-heading,.app-main .m-block:hover .m-block-year{color:var(--secondary-color)}.app-main .m-block:focus-within .up-right-arrow,.app-main .m-block:hover .up-right-arrow{color:var(--secondary-color);transform:translate(.25rem,-.25rem)}.app-main .m-block ul{margin-bottom:1.5rem}.app-main .m-block-clickable{cursor:pointer}#about{padding-top:5rem}@media screen and (max-width:768px){#about{padding-top:4rem}}#about .mobile-section-heading{margin-bottom:2.5rem}#experience{padding-top:5rem}@media screen and (max-width:768px){#experience{padding-top:3rem}}#experience .mobile-section-heading{margin-bottom:1.5rem;margin-top:1rem}#experience .m-resume{display:flex;margin:3rem 0}@media screen and (max-width:768px){#experience .m-resume{margin:2rem 0}}#experience .m-resume .m-block-year{width:150px}@media screen and (max-width:768px){#experience .m-resume .m-block-year{display:none}}#experience .m-resume .m-resume-heading{color:var(--white-color);display:block;font-weight:600;margin:1.33em 0}#experience .m-resume .m-resume-heading:hover{color:var(--secondary-color)}#experience .m-resume .m-resume-heading:hover .up-right-arrow{color:var(--secondary-color);transform:translate(.25rem,-.25rem)}#experience .m-resume .m-resume-heading:after{background:var(--secondary-color);content:"";display:block;height:2px;margin-top:3px;position:relative;transition:width .3s ease 0s,left .3s ease 0s;width:0}#experience .m-resume .m-resume-heading:hover:after{width:101%}#experience .m-resume a:focus-visible .m-resume-heading{color:var(--secondary-color)}#experience .m-resume a:focus-visible .m-resume-heading .up-right-arrow{color:var(--secondary-color);transform:translate(.25rem,-.25rem)}#experience .m-resume a:focus-visible .m-resume-heading:after{width:101%}#projects{padding-top:5rem}@media screen and (max-width:768px){#projects{padding-top:2rem}}#projects .mobile-section-heading{margin-bottom:1rem}.m-project-img{border-radius:3px;height:auto;margin-left:0;margin-right:1rem;margin-top:1.5rem;width:130px}.m-project-archive{display:flex;margin:3rem 0}@media screen and (max-width:768px){.m-project-archive{margin:2rem 0}}.m-project-archive .m-block-year{width:150px}@media screen and (max-width:768px){.m-project-archive .m-block-year{display:none}}.m-project-archive .m-project-archive-heading{color:var(--white-color);display:block;font-weight:600;margin:1.33em 0}.m-project-archive .m-project-archive-heading:hover{color:var(--secondary-color)}.m-project-archive .m-project-archive-heading:hover .right-arrow{color:var(--secondary-color);transform:translate(.4rem)}.m-project-archive .m-project-archive-heading:after{background:var(--secondary-color);content:"";display:block;height:2px;margin-top:5px;position:relative;transition:width .3s ease 0s,left .3s ease 0s;width:0}.m-project-archive .m-project-archive-heading:hover:after{width:102%}.m-project-archive a:focus-visible .m-project-archive-heading{color:var(--secondary-color)}.m-project-archive a:focus-visible .m-project-archive-heading .right-arrow{color:var(--secondary-color);transform:translate(.4rem)}.m-project-archive a:focus-visible .m-project-archive-heading:after{width:102%}.app-footer{color:var(--gray-color);padding-top:5rem}.app-archive{color:var(--white-color);display:flex;flex-direction:column;padding-bottom:5rem;padding-top:5rem}@media screen and (max-width:768px){.app-archive{padding-top:3rem}}.archive-header .archive-back{color:var(--secondary-color);display:block;font-weight:600;margin:1.33em 0;width:-moz-fit-content;width:fit-content}.archive-header .archive-back:after{background:var(--secondary-color);content:"";display:block;height:1px;margin-top:5px;position:relative;transition:width .3s ease 0s,left .3s ease 0s;width:0}.archive-header .archive-back:focus-visible .left-arrow,.archive-header .archive-back:hover .left-arrow{transform:rotate(180deg) translate(.4rem)}.archive-header .archive-back:focus-visible:after,.archive-header .archive-back:hover:after{margin-left:-5px;width:125px}.archive-header h1{color:var(--white-color);font-size:50px;line-height:2rem;margin-left:-.2rem}@media screen and (max-width:768px){.archive-header h1{font-size:clamp(28px,10.5vw,40px);line-height:1.5rem}}table,td,th{border-bottom:1px solid hsla(0,0%,80%,.178);border-collapse:collapse}#content thead tr th{color:var(--white-color);font-size:14px;font-weight:600;line-height:1.25rem;padding:1rem 2rem 1rem 0;text-align:left}@media screen and (max-width:768px){#content thead tr th:nth-child(3),#content thead tr th:nth-child(4),#content thead tr th:nth-child(5){display:none}}#content tbody tr td{color:var(--gray-color);font-size:14px;font-weight:600;line-height:1.25rem;padding:1.5rem 1.5rem 1.5rem 0;text-align:left}#content tbody tr td .content-project-name{color:var(--white-color)}@media screen and (max-width:768px){#content tbody tr td:nth-child(3),#content tbody tr td:nth-child(4),#content tbody tr td:nth-child(5){display:none}}#content tbody tr .project-built-with{width:400px}#content .desk-hidden a:focus-visible,#content .desk-hidden a:hover,#content .project-link a:focus-visible,#content .project-link a:hover{transition:.25s linear 0s}#content .desk-hidden a:focus-visible span,#content .desk-hidden a:hover span,#content .project-link a:focus-visible span,#content .project-link a:hover span{color:var(--secondary-color)}#content .desk-hidden a:focus-visible .up-right-arrow,#content .desk-hidden a:hover .up-right-arrow,#content .project-link a:focus-visible .up-right-arrow,#content .project-link a:hover .up-right-arrow{color:var(--secondary-color);transform:translate(.25rem,-.25rem)}.sticky-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;width:100%;z-index:20}
/*# sourceMappingURL=main.7f6375d2.css.map*/