*{border:0;box-sizing:border-box;margin:0;outline:none;padding:0}body,html{height:100vh;width:100vw}body{font-family:Roboto,sans-serif;font-weight:600;line-height:1.5}#App,#root{height:100%;width:100%}#App{background:#404040;color:#ffe6cc;display:flex;flex-direction:column;letter-spacing:1px;word-spacing:2px}#veil{height:100%;mix-blend-mode:difference;pointer-events:none;position:fixed;transition:background-color 1s ease;-webkit-user-select:none;user-select:none;width:100%;will-change:background-color;z-index:2}#veil-toggle{bottom:0;height:fit-content;padding-left:.5vw;position:fixed;right:45px;width:fit-content;z-index:3}#veil-toggle img{bottom:-30px;height:60px;position:fixed;right:5px;transition:bottom .6s linear;width:60px;will-change:bottom}#veil-toggle:hover img{bottom:.5vh}footer,header{align-items:center;background:#333;display:flex;filter:drop-shadow(0 0 2px hsl(30,100%,60%));height:100px;justify-content:center;transition:all .3s linear}#banner{color:#ffa64d40;display:table;filter:drop-shadow(0 0 .5px hsl(30,100%,65%));font-family:goldman-regular;font-size:11.5px;font-weight:900;left:0;letter-spacing:0;line-height:125%;padding-right:.03rem;pointer-events:none;position:absolute;text-align:center;text-orientation:upright;top:0;-webkit-user-select:none;user-select:none;width:max-content;writing-mode:vertical-lr}#Projects{background:#4d4d4d}main{-ms-overflow-style:none;align-items:center;flex-direction:column;justify-content:center;letter-spacing:.1;overflow-x:hidden;overflow-y:scroll;position:relative;scrollbar-width:0;scrollbar-width:none}main::-webkit-scrollbar{display:none}main::selection{background:#ffbf80;opacity:.5}main section{padding:20px}.flex-row{display:flex;flex-direction:row}.cover-photo{margin-bottom:0;margin-top:0;max-width:100%;min-width:110px;object-fit:cover;opacity:50%;position:relative}header{font-size:clamp(14px,1.5vmax,20px);height:fit-content;padding:7px 20px;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:2}header .name-container{background-color:#0000;display:table;line-height:.7;width:fit-content}header .name-container .name{align-items:center;display:table-cell;flex-flow:column;height:fit-content;justify-content:center;position:relative;width:fit-content}header .name-container .jeff{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-color:#ff8000;background-image:linear-gradient(#ace600,#ace600);background-position:top;background-repeat:no-repeat;background-size:100% 0;display:table-cell;filter:drop-shadow(0 0 1px black);font-size:254%;font-weight:100;transition:background-size 665ms linear .46s,filter 1s linear .42s,text-shadow 1s linear .35s;width:100%;will-change:background-size,filter}header .name-container .timson-container{color:#0000;filter:drop-shadow(0 0 1px black);font-size:170%;font-weight:100;position:relative;transition:background-size 216ms linear .3s,filter .85s linear,text-shadow .85s linear;will-change:background-size,filter,text-shadow}header .name-container .timson-overlay{background-color:#f93;background-image:linear-gradient(#d2ff4d,#d2ff4d);height:50%;overflow:hidden;top:0;transition:background-size 216ms linear .3s,filter .85s linear,text-shadow .85s linear;will-change:background-size,text-shadow;z-index:1}header .name-container .timson-overlay,header .name-container .timson-underlay{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-position:top;background-repeat:no-repeat;background-size:100% 0;position:absolute}header .name-container .timson-underlay{background-color:#ff8000;background-image:linear-gradient(#ace600,#ace600);bottom:0;transition:background-size 432ms linear 80ms,filter .7s linear,text-shadow .7s linear;will-change:background-size,filter,text-shadow}header .name-container:hover .jeff{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-size:100% 100%;filter:drop-shadow(0 0 1px hsl(75,100%,75%));transition:background-size 665ms linear,filter 665ms linear,text-shadow 665ms linear}header .name-container:hover .timson-container{filter:drop-shadow(0 0 1px hsl(75,100%,75%))}header .name-container:hover .timson-container,header .name-container:hover .timson-overlay{transition:background-size 216ms linear .6s,filter .5s linear .6s,text-shadow .5s linear .6s}header .name-container:hover .timson-overlay{background-size:100% 100%}header .name-container:hover .timson-underlay{background-size:100% 100%;transition:background-size 432ms linear .6s,filter .5s linear .6s,text-shadow .5s linear .6s}header nav{font-size:clamp(15px,115%,18px);font-weight:100;margin-left:20px}header nav,header nav ul{display:flex;height:100%;width:100%}header nav ul{align-items:flex-end;flex-flow:row;justify-content:space-around;list-style:none}header nav li{color:#f93;text-shadow:0 0 2px #000;transition:color .3s linear;will-change:color,transform,height,width,top,font-size,background-color}header nav li:hover{color:#d2ff4d;text-shadow:0 0 2px #ffbf80}@media(min-width:702px){header nav li:active{transform:scale(1.1);-webkit-transform:scale(1.1)}}@media(max-width:699px){header nav{align-items:center;height:100%;justify-content:flex-end}header nav ul{flex-flow:column;font-size:0;height:28px;width:26px}header nav ul:hover:not(.test1) li{background:#d2ff4d}header nav ul li{background-color:#f93;height:3px;margin:2px 0;overflow:hidden;pointer-events:none;text-shadow:0 0 2px #000;width:26px}header nav ul li:first-of-type{transition:top .2s ease,font-size 0ms ease,width .2s ease,background-color .2s linear}header nav ul li:nth-of-type(2){transition:top .4s ease,font-size 0ms ease,width .4s ease,background-color .4s linear}header nav ul li:nth-of-type(3){transition:top .6s ease,font-size 0ms ease,width .6s ease,background-color .6s linear}header nav ul li:nth-of-type(4){transition:top .8s ease,font-size 0ms ease,width .8s ease,background-color .8s linear}header .test1{-webkit-user-select:none;user-select:none}header .test1 li{background:#333;color:#f93;font-size:14px;height:20px;padding-left:3.5px;pointer-events:all;position:absolute;text-shadow:0 0 2px #000;width:100px}header .test1 li span{will-change:color,transform,height,width}header .test1 li:active span{display:inline-block;transform:scale(1.05);-webkit-transform:scale(1.05);transform-origin:0 50%}header .test1 li:first-of-type{top:96%;transition:top .2s ease,font-size 0ms linear,height .2s ease,width .2s ease,background-color .2s linear}header .test1 li:nth-of-type(2){top:calc(96% + 20px);transition:top .4s ease,font-size 0ms linear,height .4s ease,width .4s ease,background-color .4s linear}header .test1 li:nth-of-type(3){top:calc(96% + 40px);transition:top .6s ease,font-size 0ms linear,height .6s ease,width .6s ease,background-color .6s linear}header .test1 li:nth-of-type(4){top:calc(96% + 60px);transition:top .8s ease,font-size 0ms linear,height .8s ease,width .8s ease,background-color .8s linear}header .test1{transition:all .3s linear}header{padding:1% 4%}}#About{border:3px outset rgba(0,0,0,.145);font-size:clamp(14px,1.1vmax,22px);height:fit-content;position:relative;-webkit-user-select:none;user-select:none;width:100%}#About,#About #about-header{align-items:center;display:flex;flex-flow:column;justify-content:center}#About p.hey{font-size:115%}#About #left-boundary{background:#0000;height:100%;-webkit-user-select:none;user-select:none;width:20%;z-index:1}#About #center-holder{background:#0000;border:4px ridge #595959;height:100%;width:60%}#About #center-holder i{color:#333}#About #center-holder{overflow:visible}#About #right-boundary{background:#0000;height:100%;-webkit-user-select:none;user-select:none;width:20%;z-index:1}#About #iframe-container{align-items:center;background:#0000;display:flex;height:35vmin;justify-content:center;position:relative;transition:filter 1s ease;width:100vw;will-change:filter}#About iframe{height:100vw;width:100%}#About #cover,#About iframe{background:#0000;margin:auto;position:absolute}#About #cover{align-items:center;display:flex;flex-flow:column;height:105vmin;justify-content:center;overflow:visible;pointer-events:visiblePainted;-webkit-user-select:all;user-select:all;visibility:hidden;width:100vw}#About #top-boundary{background:#0000;flex-grow:1;justify-self:top;pointer-events:all;visibility:visible;width:100%;z-index:1}#About #knockout{background:#0000;height:35vmin;pointer-events:none;-webkit-user-select:none;user-select:none;width:60%}#About #bottom-boundary{background:#0000;flex-grow:1;pointer-events:all;visibility:visible;width:100%;z-index:1}#About #skyline{color-scheme:unset!important}#About p{font-weight:400;padding:1vh 4vw;text-align:start}#About p:first-of-type{font-weight:100}#Projects{border:3px outset rgba(0,0,0,.145);flex-flow:row;flex-wrap:wrap;height:fit-content;-webkit-user-select:none;user-select:none;width:100%}#Projects,#Projects .project-card-container{display:flex;justify-content:center;position:relative}#Projects .project-card-container{align-items:center;border-radius:12.5px;height:400px;margin:2%;overflow:visible;transition:all 1s ease;width:250px}#Projects .project-card:hover{filter:drop-shadow(0 0 2.5px hsl(30,100%,55%)) drop-shadow(0 0 7.5px hsl(30,100%,5%))}#Projects .project-card{border-radius:12.5px;color:#fc9;display:flex;filter:drop-shadow(0 0 1.5px hsl(30,100%,55%)) drop-shadow(0 0 3.5px hsl(30,100%,5%));flex-direction:column;height:400px;overflow:hidden;position:relative;transition:all 1s ease;width:250px;will-change:transform}#Projects .project-card .spinner{background-color:#ff8c19;border:2px solid #ff8c19;border-radius:50%;bottom:-30px;color:orange;filter:drop-shadow(0 0 1.5px hsl(30,100%,55%));height:60px;pointer-events:all;position:absolute;right:-30px;width:60px;will-change:transform,z-index;z-index:2}#Projects .project-card .spinner svg{fill:#4d4d4d;left:3px;position:absolute;top:3px}#Projects .project-card .spinner:hover svg{fill:#bfff00}#Projects .project-card .back,#Projects .project-card .front{border:5px solid #ff8c19;border-radius:12.5px;color:#ffd9b3;filter:drop-shadow(0 0 1px hsl(30,100%,75%));height:100%;overflow:hidden;position:absolute;width:100%;will-change:z-index}#Projects .project-card .back .badge,#Projects .project-card .front .badge{background:#e6730026;border:1.5px solid #ffbf8080;border-radius:6.25px;font-weight:300;height:fit-content;margin:5px;padding:1px 2px;width:fit-content}#Projects .project-card .back .content,#Projects .project-card .front .content{background-image:linear-gradient(#262626,#404040)}#Projects .project-card .front{text-shadow:0 0 3px #b35900;text-shadow:0 0 1px #fff;transition:z-index 1s ease;visibility:visible;will-change:z-index;z-index:1}#Projects .project-card .front .project-title{color:#ffa64d;display:flex;filter:drop-shadow(0 0 2px hsl(30,100%,5%));font-size:20px;justify-content:center;padding:1vh 0;text-align:center}#Projects .project-card .front .project-subtitle{background:#ff8c19;color:#262626;display:flex;filter:drop-shadow(0 0 1px hsl(30,100%,75%));font-size:15px;font-weight:900;justify-content:center;padding:.25vh;position:relative;text-align:center}#Projects .project-card .front .tool-badge-container{display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;height:fit-content;justify-content:center;padding-top:0;word-spacing:-3px}#Projects .project-card .front .role{word-wrap:break-word;background:#a6a6a626;border:1px solid #a6a6a6bf;flex-wrap:wrap;font-size:14px;justify-content:center;margin:10px 2px 7px;padding:4px 16px;text-align:center;word-spacing:-.5px}#Projects .project-card .front .details,#Projects .project-card .front .role{align-items:center;border-radius:6.25px;display:flex;font-weight:300;line-height:17px}#Projects .project-card .front .details{-ms-overflow-style:none;background:linear-gradient(#ffa64d26,#00000003);flex-direction:column;flex-grow:3;font-size:15px;justify-content:flex-start;margin:2px;overflow-y:scroll;padding:6px 10px;scrollbar-width:none;word-spacing:0}#Projects .project-card .front .details::-webkit-scrollbar{display:none}#Projects .project-card .front .details .future{font-size:80%;font-style:italic;margin-top:1vmax}#Projects .project-card .back{transform:rotateY(.5turn);-moz-transform:rotateY(.5turn);-webkit-transform:rotateY(.5turn);-o-transform:rotateY(.5turn);-ms-transform:rotateY(.5turn);transition:z-index 1s ease;will-change:z-index;z-index:0}#Projects .project-card .back .iframe-container{background:none;height:100%;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;width:100%}#Projects .project-card .back .iframe-container iframe{background:none;border:3px double #e67300;border-radius:7.5px;height:315px;overflow:hidden;position:relative;width:100%;z-index:1}#Projects .project-card .back .iframe-container .iframe-veil{border:3px double #ff8000;border-radius:7.5px;content:"";height:315px;mix-blend-mode:difference;position:absolute;transition:background-color .9s linear;width:100%;will-change:background-color;z-index:5}#Projects .project-card .back .iframe-container .iframe-nav{display:flex;margin:0 auto;overflow:visible;pointer-events:all;width:90%}#Projects .project-card .back .iframe-container .iframe-nav a{background:#e6730026;border:1.5px outset #ffbf80cc;border-radius:6.25px;color:#ffd9b3;flex-grow:1;font-size:clamp(15px,80%,18px);font-weight:400;height:fit-content;margin:6px 0;padding:1px 0;text-align:center;text-decoration:none;transition:color .3s linear,filter .3s linear,-webkit-text-decoration .3s ease;transition:color .3s linear,filter .3s linear,text-decoration .3s ease;transition:color .3s linear,filter .3s linear,text-decoration .3s ease,-webkit-text-decoration .3s ease}#Projects .project-card .back .iframe-container .iframe-nav a:hover{color:#d2ff4d;filter:drop-shadow(0 0 .5px hsl(75,100%,75%));text-decoration:underline;transform:scale3d(1.01)}#Projects .project-card .back .iframe-container .iframe-nav a:active{border-color:#d2ff4d;border-style:inset}#Projects .project-card .back .iframe-container .iframe-nav .deployment{border-radius:6.25px 0 0 6.25px}#Projects .project-card .back .iframe-container .iframe-nav .center{height:95px;width:1px}#Projects .project-card .back .iframe-container .iframe-nav .repo{border-radius:0 6.25px 6.25px 0}#Projects .project-card .content{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2.5%;position:absolute;width:100%}#Projects .test2{transition:all 1s ease}#Projects .test2 .spinner{z-index:3}#Projects .test2 .spinner svg{z-index:5}#Projects .test2 .front{z-index:0}#Projects .test2 .back{z-index:1}#Resume{border:3px inset rgba(0,0,0,.145);display:flex;flex-direction:column;font-size:clamp(14px,1.1vmax,22px);font-weight:100;height:fit-content;opacity:0;overflow-x:hidden;overflow-y:visible;padding:0 5%;position:relative;transition:opacity 2s ease,background-color 1s ease;width:100%}#Resume hr{border:.5px solid #804000}#Resume .heading{color:#ffa64d;font-weight:500}#Resume .heading span{display:inline-block}#Resume .heading span:first-letter{font-size:125%}#Resume .intro{text-align:justify}#Resume .hard-skills,#Resume .soft-skills{text-align:center}#Resume table{display:flex;display:table;margin:1vh 0;width:100%}#Resume table th{color:#ffbf80;display:flex;width:100%}#Resume table tr{display:flex;flex-grow:1;justify-content:space-between;width:100%}#Resume table tr :first-child:not(th){justify-content:space-between;margin-right:clamp(13px,3vw,15px);text-align:left;white-space:pre-wrap;width:100%}#Resume table tr :nth-of-type(2n):not(li):not(ul){align-content:flex-end;display:flex;justify-content:flex-end;white-space:nowrap;width:max-content}#Resume table a{color:inherit;text-decoration:none}#Resume table ul{width:100%}#Resume table ul li{margin:1.1vmin 0;width:100%}#Resume table ul ul li{color:#ffe6cc;margin-left:2vmin}#Resume table ul ul ul li{color:#fff2e6;list-style-type:"- ";margin-left:5vmin}#Resume .work-experience tr:first-child{color:#ffbf80}#Resume .work-experience tr:nth-last-of-type(2n){color:#ffd9b3;font-style:italic}#Resume .education .institution,#Resume .education .location{font-weight:700}#Resume .resume-container{align-items:center;border:none;display:flex;flex-direction:column;gap:2rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1000px;padding-bottom:5vh;width:100%}#Resume .resume-main-content{gap:2rem}#Resume .resume-main-content,#Resume .resume-sidebar{display:flex;flex-direction:column;text-align:left;width:100%}#Resume .resume-sidebar{background:#0000;border:none;padding:0}#Resume .resume-sidebar .skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media(max-width:768px){#Resume .resume-sidebar .skills-grid{grid-template-columns:1fr}}#Resume .resume-sidebar .skills-group{margin-bottom:.5rem}#Resume .resume-sidebar .skills-group h3{color:#ffa64d;font-size:.85rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}#Resume .resume-sidebar .skills-group p{color:#ffd9b3;font-size:.9rem;line-height:1.5;margin:0}#Resume .resume-section{border:none;padding:0;width:100%}#Resume .resume-section .resume-header{align-items:center;color:#ffa64d;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}#Resume .resume-section .resume-header:before{background:#804000;border-radius:50%;content:"";display:block;height:8px;width:8px}#Resume .resume-section .summary-text{color:#ffd9b3;font-size:1.05rem;line-height:1.7}#Resume .resume-section .summary-text strong{color:#fff2e6;font-weight:500}#Resume .job{margin-bottom:3rem}#Resume .job:last-child{margin-bottom:0}#Resume .job .job-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}#Resume .job .job-title{color:#fff2e6;font-size:1.15rem;font-weight:600}#Resume .job .job-company{color:#ffd9b3;font-size:1rem;font-weight:500}#Resume .job .job-date{color:#ffa64d;font-family:monospace;font-size:.85rem;letter-spacing:.05em;margin-left:auto}#Resume ul.impact-list{list-style:none;margin-top:1rem;padding-left:0;width:100%}#Resume ul.impact-list li{color:#ffd9b3;font-size:.95rem;margin-bottom:.75rem;padding-left:1.5rem;position:relative}#Resume ul.impact-list li:before{color:#ffa64d;content:"→";font-weight:700;left:0;position:absolute}#Resume ul.impact-list li strong{color:#fff2e6;font-weight:500}#Resume .highlight-box{background:#ffffff0d;border-left:2px solid #ffa64d;color:#ffe6cc;font-size:.9rem;margin-top:1.5rem;padding:1rem}@font-face{font-family:FiraCode;src:url(/static/media/FiraCode-VariableFont_wght.34819243c250aa2fd908.ttf) format("truetype")}.firacode{font-family:FiraCode}@font-face{font-family:Goldman-Regular;src:url(/static/media/Goldman-Regular.f7a316a55a9dfa15e565.ttf) format("truetype")}.goldman{font-family:Goldman-Regular}footer{height:100px;overflow:hidden;padding:0 1vh;position:relative;width:100%}footer span{display:inline-block;font-size:80%;left:0;position:absolute;text-orientation:upright;width:fit-content;writing-mode:vertical-lr}footer .links-container{align-items:center;display:flex;justify-content:space-around;width:100%}footer #card{fill:#f93;align-items:center;border-radius:50%;display:flex;filter:drop-shadow(0 0 2px black);height:70px;justify-content:center;overflow:hidden;position:relative;transition:fill 0ms ease-in-out,filter .1s ease-in-out,height .3s linear,width .3s linear;width:70px;will-change:fill,height,width,filter}footer #card:hover{-webkit-text-fill-color:#0000;fill:#d2ff4d;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 3px hsl(30,100%,75%))}footer #card:hover .email_1{opacity:0;transform:rotate(1turn)}footer #card:hover .email_3{opacity:1;transform:translate(-6px,4px) rotate(1turn)}footer #card:active{transform:scale(1.1);-webkit-transform:scale(1.1)}footer .linkedin{height:70%;-webkit-user-select:none;user-select:none;width:70%}footer .github,footer .linkedin{position:absolute;will-change:fill,height,width}footer .github{height:80%;width:80%}footer .email_1{opacity:1}footer .email_1,footer .email_3{height:70%;position:absolute;transition:opacity .6s ease,transform 1s;width:70%;will-change:fill,opacity,transform,height,width}footer .email_3{opacity:0}footer .phone{height:75%;position:absolute;width:75%;will-change:fill,height,width}@media(orientation:portrait){footer{bottom:0;display:absolute}}@media(orientation:landscape)and (max-height:600px){footer{display:relative}footer #card{height:12vmax;width:12vmax}}
/*# sourceMappingURL=main.98cf174c.css.map*/