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;--font-base:"sans-serif";--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:-webkit-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);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}}.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:40px;line-height:1.5rem}}.app-header .header-title h3{color:var(--gray-color);font-weight:500;line-height:2rem}@media screen and (max-width:768px){.app-header .header-title h3{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:hover{color:var(--primary-color);font-weight:600;transition:.25s linear 0s}.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: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{display:none}@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:-webkit-sticky;position:sticky;top:0;width:100%;z-index:20}.app-main .m-block{display:flex;margin:2rem -2rem 0;padding:0 2rem}@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;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-weight:600}@media screen and (max-width:768px){.app-main .m-block .m-block-heading{font-weight:600;line-height:1rem}}.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:hover .m-block-heading,.app-main .m-block:hover .m-block-year{color:var(--secondary-color)}.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}#about{padding-top:5rem}@media screen and (max-width:768px){#about{padding-top:4rem}}#about h3{margin-bottom:2.5rem}#experience{padding-top:5rem}@media screen and (max-width:768px){#experience{padding-top:3rem}}#experience h3{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);font-weight:600}#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%}#projects{padding-top:5rem}@media screen and (max-width:768px){#projects{padding-top:2rem}}#projects h3{margin-bottom:1rem}.m-project-img{border-radius:3px;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);font-weight:600}.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%}.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:hover .left-arrow{transform:rotate(180deg) translate(.4rem)}.archive-header h4{color:var(--secondary-color);font-weight:600}.archive-header h4: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 h4: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: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 li a{padding:1rem 0}#content li:hover{transition:.25s linear 0s}#content li:hover span{color:var(--secondary-color)}#content li:hover .up-right-arrow{color:var(--secondary-color);transform:translate(.25rem,-.25rem)}.sticky-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:20}
/*# sourceMappingURL=main.71a227a1.css.map*/