html{scroll-behavior:smooth}button:focus{outline:none}.sb{padding:5px 10px;font-size:18px;background-color:#000;box-shadow:2px 2px 5px #d3d3d3;color:#fff;display:inline-block;transition:all .2s}.sb:hover{opacity:.8}header{position:absolute;background-color:transparent;width:100%;transition:background-color .2s,box-shadow .2s,color .2s;z-index:100}header .homepage-title{opacity:0}header .menuIcon{opacity:0;display:none}header.scrolled{box-shadow:0 2px 3px #d3d3d3;background-color:#fff;color:#000}header.scrolled .homepage-title{opacity:1}header.scrolled .menuIcon{opacity:1;display:block;font-weight:700;font-size:20px}html{background-color:#000}body,html{padding:0;margin:0;font-family:Scada,sans-serif;color:#fff}a{text-decoration:none}*{box-sizing:border-box}.top-link{transition:all .2s}.top-link:hover{opacity:.8}#image-label{background-color:#d3d3d3;color:#000;font-size:15px;padding:5px 10px;width:100%}#image-label label{font-weight:700;margin-right:10px;transition:all 1s}#left-main{padding:30px 5vw}#left-main h1{font-size:50px;margin-bottom:50px;margin-left:-10px}#left-main #about{font-size:18px}#left-main #social-links{display:flex;align-items:center;margin:40px 0}#left-main #social-links a{display:flex;align-items:center;transition:all .2s;font-size:20px;font-weight:700;margin-right:30px}#left-main #social-links a:hover{opacity:.8}#left-main #social-links a .icon{margin-right:10px;font-size:30px}#left-main #social-links a .linkedIn{color:#0066c8;background-color:#fff;border-radius:5px}#left-main #programming-languages h3{font-weight:700;font-size:20px}#left-main #programming-languages ul{display:flex;margin:20px 0}#left-main #programming-languages ul li{height:40px;width:40px;background-position:50%;background-size:contain;margin-right:20px}#right-main{padding:10%}#right-main #github-link{transition:all .2s;margin-top:40px;display:grid;grid-template-columns:auto 1fr;align-items:center}#right-main #github-link:hover{opacity:.8}#right-main #github-link .githubIcon{font-size:90px;margin-right:20px;text-shadow:0 0 10px #fff}#right-main #github-link .button-right{font-weight:700}#right-main #github-link .button-right div{font-size:30px;text-shadow:0 0 10px #fff}#right-main #github-link .button-right p{margin:0;color:#d3d3d3}#right-main .view-all-projects{font-size:18px;font-weight:700}#right-main .projects-list{margin-top:30px}#right-main .projects-list h3{font-weight:700;font-size:30px}#right-main .projects-list ul{display:grid;grid-template-columns:repeat(3,1fr);align-items:flex-start;margin-top:30px}#right-main .projects-list ul .projectCell{transition:all .2s;display:flex;flex-direction:column;align-items:center;margin-right:30px;margin-bottom:30px}#right-main .projects-list ul .projectCell:hover{opacity:.8}#right-main .projects-list ul .projectCell .projectImage{height:100px;width:120px;border-radius:10px;box-shadow:0 0 10px #fff;border:1px solid #fff;background-position:50%;background-size:cover}#right-main .projects-list ul .projectCell .projectTitle{font-weight:700;font-size:16px;text-align:center;text-wrap:wrap;max-width:200px;margin:10px 0 0}#right-main .projects-list ul .projectCell p{font-size:10px;color:#d3d3d3;text-wrap:wrap;text-align:center;max-width:150px;margin:0}#right-main .projects-list ul .viewProjects{transition:all .2s;margin-top:30px;display:flex;align-items:center;flex-direction:column}#right-main .projects-list ul .viewProjects:hover{opacity:.8}#right-main .projects-list ul .viewProjects .rightArrowCircle{height:50px;width:50px;border-radius:50%;background-color:#d3d3d3;display:flex;align-items:center;justify-content:center}#right-main .projects-list ul .viewProjects .rightArrowCircle .rightArrow{font-size:20px;color:#000}#right-main .projects-list ul .viewProjects p{margin-top:20px;text-align:center;color:#d3d3d3}@media(max-width:576px){#right-main .projects-list ul{grid-template-columns:repeat(2,1fr)}}#colorbar{height:6px;position:relative;width:100%}#colorbar:before{inset:0;content:"";position:absolute;background:linear-gradient(90deg,orange,#aa8133,#f50,#c87911,#fa0,orange);background-size:200%;animation:barAnimate 2s linear infinite}@keyframes barAnimate{0%{background-position:0 0}to{background-position:200% 0}}#project-main{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:40vh}@media(max-width:576px){#project-main{display:block}}#left-project,#right-project{margin:0 10%}#left-project{margin-bottom:30px}#left-project .project-image{width:100%;height:300px;background-position:50%;background-size:cover;border-radius:10px;border:1px solid #fff;box-shadow:0 0 10px}#left-project p{color:#d3d3d3;margin-top:20px}#left-project p b{margin-right:10px}#right-project h3{font-size:30px;font-weight:700;margin:0 0 20px}#right-project .links{display:flex;align-items:center;margin:30px 0}#right-project .links a{transition:all .2s;padding:10px 15px;border-radius:10px;background-color:#fff;color:#000;display:flex;align-items:center;font-size:18px;font-weight:700;margin-right:30px}#right-project .links a:hover{opacity:.8}#right-project .links a .icon{font-size:22px;margin-right:10px}#homepage-main{display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:576px){#homepage-main{display:block}#social-links{margin-right:5vw}#left-main #top-about{display:block}#left-main #top-about .titled-photo{margin-bottom:30px}}.page-head{width:100%;background-color:#000;padding:10vh 0 5vh;box-sizing:border-box}.page-head h2{margin-top:2rem;margin-left:2rem;color:#fff;font-weight:bolder}.page-head p{color:#d3d3d3;margin:5px 0 20px 2rem}.green-line{width:70vw;background:linear-gradient(90deg,#ff7418,#000);height:15px}@media(max-width:576px){.page-head h2{margin-top:4rem}}#projectslist.fullScreen{padding:5%;box-sizing:border-box;display:grid;grid-template-columns:repeat(6,1fr);grid-column-gap:30px}#projectslist.fullScreen li{height:30vh}#projectslist.fullScreen li:nth-child(3n+1){grid-column:1/7;height:40vh}#projectslist.fullScreen li:nth-child(3n+2){grid-column:1/4}#projectslist.fullScreen li:nth-child(3n+3){grid-column:4/7}@media(max-width:576px){#projectslist.fullScreen li{grid-column:1/7!important;height:40vh}}#projectslist{box-sizing:border-box}#projectslist li{background-position:50%;overflow:hidden;background-size:cover;height:200px;width:100%;position:relative;z-index:0;margin-bottom:50px;box-shadow:0 0 15px #7b7b7b}#projectslist li .grayed-popup{background-color:rgba(0,0,0,.9);position:absolute;bottom:0;left:0;width:100%;height:30%;transition:height .5s}#projectslist li .grayed-popup h4{height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:20px;font-weight:bolder;color:#fff;margin-right:30px}#projectslist li .grayed-popup .description,#projectslist li .grayed-popup a{opacity:0;transition:opacity .5s;box-sizing:border-box}#projectslist li .grayed-popup .description{padding:10px 10%}#projectslist li .grayed-popup a{padding:10px}#projectslist li .grayed-popup .project-page-button{transition:all .2s;margin-top:10px;padding:10px 15px;color:#000;background-color:#fff;font-weight:700;font-size:18px;border-radius:5px}#projectslist li .grayed-popup .project-page-button:hover{opacity:.8}#projectslist li .grayed-popup .project-links{display:flex;align-items:center;justify-content:center}#projectslist li:hover .grayed-popup{height:100%}#projectslist li:hover h4{height:30%}#projectslist li:hover .description,#projectslist li:hover a{opacity:1;color:#fff;text-align:center;font-size:16px}#background{height:100%;width:100%;opacity:.2;top:0;left:0;position:fixed;z-index:-1}#background .bgImage{width:100%;height:100%;background-position:50%;background-size:cover;position:absolute;transition:opacity 1s}#background button{z-index:10}@media(max-width:576px){#right-project div{height:60vw}}#resume-container h2{font-weight:bolder;margin:20px 0}#resume-container #resume-view{height:142px;width:100px;box-shadow:2px 2px 5px #000;background-size:contain;background-position:50%;background-repeat:no-repeat;background-color:#fff;display:grid;place-items:center}#resume-container #resume-view label{transition:all .3s;opacity:0;color:#fff;height:100%;width:100%;background-color:rgba(0,0,0,.7);display:grid;place-items:center}#resume-container #resume-view:hover label{opacity:1}#resume-container .pdf-view-button{margin-top:20px}#contact-container h2{font-weight:bolder;margin:20px 0}#contact-container #contact-list li label{font-weight:700}#contact-container #contact-list li a{text-decoration:underline;transition:all .2s}#contact-container #contact-list li a:hover{opacity:.8}#error-container{display:grid;place-items:center;height:100%;width:100%;margin:30vh auto auto}footer{position:fixed;bottom:0;left:0;width:100%}footer .gallery-link{margin-left:20px;font-weight:700;color:green}.gallery-list{display:grid;grid-template-columns:repeat(2,1fr)}.gallery-list li{margin:20px 5vw}.gallery-list li .gallery-image{background-position:50%;background-size:cover;width:100%;height:200px;border-radius:5px;border:1px solid #fff;box-shadow:0 0 10px #fff}.gallery-list li p{margin-top:20px;font-weight:700}
/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;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]{-webkit-text-decoration:underline dotted;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],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}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}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}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:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#a1a1aa}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}[hidden]{display:none}*,:after,:before{border-color:currentColor}.fixed{position:fixed}.absolute{position:absolute}.col-span-full{grid-column:1/-1}.mr-0{margin-right:0}.mr-5{margin-right:1.25rem}.mr-10{margin-right:2.5rem}.mb-5{margin-bottom:1.25rem}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-2{height:.5rem}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.rounded-xl{border-radius:.75rem}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-black{--tw-gradient-from:#000;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.to-green-200{--tw-gradient-to:#8bff47}.px-2{padding-left:.5rem;padding-right:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.pb-20{padding-bottom:5rem}.text-right{text-align:right}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.font-black{font-weight:900}.italic{font-style:italic}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.hover\:opacity-80:hover{opacity:.8}*,:after,:before{--tw-shadow:0 0 #0000}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}*,:after,:before{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.filter{--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}@media (min-width:640px){.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-start-2{grid-column-start:2}.md\:col-end-3{grid-column-end:3}.md\:mr-10{margin-right:2.5rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-4{height:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pt-0{padding-top:0}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-8xl{font-size:6rem;line-height:1}}@font-face{font-family:__Scada_c1cd33;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/226f105a660a90af-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Scada_c1cd33;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/924dc43e9ac80a6e-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Scada_c1cd33;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/ee078f015eeab6f5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Scada_c1cd33;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/5a1136474fed4c8a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Scada_c1cd33;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/a4832ef5e3a68220-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Scada_c1cd33;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/f14afa91dee3365d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Scada_c1cd33;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/4780c088f646f997-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Scada_c1cd33;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/bfc5750210ed0ac3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Scada_c1cd33;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3f7c6569e997ea14-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Scada_c1cd33;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a4b80871308a1f29-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Scada_c1cd33;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f023dafcf757153c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Scada_c1cd33;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ad4b518a14db52d7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Scada_c1cd33;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/aba9a0b6584107d3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Scada_c1cd33;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e5ec560c12c19c31-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Scada_c1cd33;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/5e71c4aaa8ddd2e2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Scada_c1cd33;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/f460685153b9bcc3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Scada_Fallback_c1cd33;src:local("Arial");ascent-override:97.20%;descent-override:29.41%;line-gap-override:0.00%;size-adjust:98.25%}.__className_c1cd33{font-family:__Scada_c1cd33,__Scada_Fallback_c1cd33}