html{scroll-behavior:smooth}button:focus{outline:none}.sb{color:#fff;background-color:#000;padding:5px 10px;font-size:18px;transition:all .2s;display:inline-block;box-shadow:2px 2px 5px #d3d3d3}.sb:hover{opacity:.8}header{z-index:100;background-color:#0000;width:100%;transition:background-color .2s,box-shadow .2s,color .2s;position:absolute}header .homepage-title{opacity:0}header .menuIcon{opacity:0;display:none}header.scrolled{color:#000;background-color:#fff;box-shadow:0 2px 3px #d3d3d3}header.scrolled .homepage-title{opacity:1}header.scrolled .menuIcon{opacity:1;font-size:20px;font-weight:700;display:block}html{background-color:#000}html,body{color:#fff;margin:0;padding:0;font-family:Scada,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.top-link{transition:all .2s}.top-link:hover{opacity:.8}#image-label{color:#000;background-color:#d3d3d3;width:100%;padding:5px 10px;font-size:15px}#image-label label{margin-right:10px;font-weight:700;transition:all 1s}#left-main{padding:30px 5vw}#left-main h1{margin-bottom:50px;margin-left:-10px;font-size:50px}#left-main #about{font-size:18px}#left-main #social-links{align-items:center;margin:40px 0;display:flex}#left-main #social-links a{align-items:center;margin-right:30px;font-size:20px;font-weight:700;transition:all .2s;display:flex}#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-size:20px;font-weight:700}#left-main #programming-languages ul{margin:20px 0;display:flex}#left-main #programming-languages ul li{background-position:50%;background-size:contain;width:40px;height:40px;margin-right:20px}#right-main{padding:10%}#right-main #github-link{grid-template-columns:auto 1fr;align-items:center;margin-top:40px;transition:all .2s;display:grid}#right-main #github-link:hover{opacity:.8}#right-main #github-link .githubIcon{text-shadow:0 0 10px #fff;margin-right:20px;font-size:90px}#right-main #github-link .button-right{font-weight:700}#right-main #github-link .button-right div{text-shadow:0 0 10px #fff;font-size:30px}#right-main #github-link .button-right p{color:#d3d3d3;margin:0}#right-main .view-all-projects{font-size:18px;font-weight:700}#right-main .projects-list{margin-top:30px}#right-main .projects-list h3{font-size:30px;font-weight:700}#right-main .projects-list ul{grid-template-columns:repeat(3,1fr);align-items:flex-start;margin-top:30px;display:grid}#right-main .projects-list ul .projectCell{flex-direction:column;align-items:center;margin-bottom:30px;margin-right:30px;transition:all .2s;display:flex}#right-main .projects-list ul .projectCell:hover{opacity:.8}#right-main .projects-list ul .projectCell .projectImage{background-position:50%;background-size:cover;border:1px solid #fff;border-radius:10px;width:120px;height:100px;box-shadow:0 0 10px #fff}#right-main .projects-list ul .projectCell .projectTitle{text-align:center;text-wrap:wrap;max-width:200px;margin:10px 0 0;font-size:16px;font-weight:700}#right-main .projects-list ul .projectCell p{color:#d3d3d3;text-wrap:wrap;text-align:center;max-width:150px;margin:0;font-size:10px}#right-main .projects-list ul .viewProjects{flex-direction:column;align-items:center;margin-top:30px;transition:all .2s;display:flex}#right-main .projects-list ul .viewProjects:hover{opacity:.8}#right-main .projects-list ul .viewProjects .rightArrowCircle{background-color:#d3d3d3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}#right-main .projects-list ul .viewProjects .rightArrowCircle .rightArrow{color:#000;font-size:20px}#right-main .projects-list ul .viewProjects p{text-align:center;color:#d3d3d3;margin-top:20px}@media (max-width:576px){#right-main .projects-list ul{grid-template-columns:repeat(2,1fr)}}#colorbar{width:100%;height:6px;position:relative}#colorbar:before{content:"";background:linear-gradient(90deg,orange,#aa8133,#f50,#c87911,#fa0,orange) 0 0/200%;animation:2s linear infinite barAnimate;position:absolute;inset:0}@keyframes barAnimate{0%{background-position:0 0}to{background-position:200% 0}}#project-main{grid-template-columns:repeat(2,1fr);margin-bottom:40vh;display:grid}@media (max-width:576px){#project-main{display:block}}#left-project,#right-project{margin:0 10%}#left-project{margin-bottom:30px}#left-project .project-image{background-position:50%;background-size:cover;border:1px solid #fff;border-radius:10px;width:100%;height:300px;box-shadow:0 0 10px}#left-project p{color:#d3d3d3;margin-top:20px}#left-project p b{margin-right:10px}#right-project h3{margin:0 0 20px;font-size:30px;font-weight:700}#right-project .links{align-items:center;margin:30px 0;display:flex}#right-project .links a{color:#000;background-color:#fff;border-radius:10px;align-items:center;margin-right:30px;padding:10px 15px;font-size:18px;font-weight:700;transition:all .2s;display:flex}#right-project .links a:hover{opacity:.8}#right-project .links a .icon{margin-right:10px;font-size:22px}#homepage-main{grid-template-columns:repeat(2,1fr);display:grid}@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{box-sizing:border-box;background-color:#000;width:100%;padding:10vh 0 5vh}.page-head h2{color:#fff;margin-top:2rem;margin-left:2rem;font-weight:bolder}.page-head p{color:#d3d3d3;margin:5px 0 20px 2rem}.green-line{background:linear-gradient(90deg,#ff7418,#000);width:70vw;height:15px}@media (max-width:576px){.page-head h2{margin-top:4rem}}#projectslist.fullScreen{box-sizing:border-box;grid-column-gap:30px;grid-template-columns:repeat(6,1fr);padding:5%;display:grid}#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{height:40vh;grid-column:1/7!important}}#projectslist{box-sizing:border-box}#projectslist li{z-index:0;background-position:50%;background-size:cover;width:100%;height:200px;margin-bottom:50px;position:relative;overflow:hidden;box-shadow:0 0 15px #7b7b7b}#projectslist li .grayed-popup{background-color:#000000e6;width:100%;height:30%;transition:height .5s;position:absolute;bottom:0;left:0}#projectslist li .grayed-popup h4{color:#fff;justify-content:flex-end;align-items:center;height:100%;margin-right:30px;font-size:20px;font-weight:bolder;display:flex}#projectslist li .grayed-popup .description,#projectslist li .grayed-popup a{opacity:0;box-sizing:border-box;transition:opacity .5s}#projectslist li .grayed-popup .description{padding:10px 10%}#projectslist li .grayed-popup a{padding:10px}#projectslist li .grayed-popup .project-page-button{color:#000;background-color:#fff;border-radius:5px;margin-top:10px;padding:10px 15px;font-size:18px;font-weight:700;transition:all .2s}#projectslist li .grayed-popup .project-page-button:hover{opacity:.8}#projectslist li .grayed-popup .project-links{justify-content:center;align-items:center;display:flex}#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{opacity:.2;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}#background .bgImage{background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1s;position:absolute}#background button{z-index:10}@media (max-width:576px){#right-project div{height:60vw}}#resume-container h2{margin:20px 0;font-weight:bolder}#resume-container #resume-view{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;place-items:center;width:100px;height:142px;display:grid;box-shadow:2px 2px 5px #000}#resume-container #resume-view label{opacity:0;color:#fff;background-color:#000000b3;place-items:center;width:100%;height:100%;transition:all .3s;display:grid}#resume-container #resume-view:hover label{opacity:1}#resume-container .pdf-view-button{margin-top:20px}#contact-container h2{margin:20px 0;font-weight:bolder}#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{place-items:center;width:100%;height:100%;margin:30vh auto auto;display:grid}footer{width:100%;position:fixed;bottom:0;left:0}footer .gallery-link{color:green;margin-left:20px;font-weight:700}.gallery-list{grid-template-columns:repeat(2,1fr);display:grid}.gallery-list li{margin:20px 5vw}.gallery-list li .gallery-image{background-position:50%;background-size:cover;border:1px solid #fff;border-radius:5px;width:100%;height:200px;box-shadow:0 0 10px #fff}.gallery-list li p{margin-top:20px;font-weight:700}
*,:before,:after{box-sizing:border-box}html{tab-size:4;-webkit-text-size-adjust:100%;line-height:1.15}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,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:#0000;background-image:none}fieldset{margin:0;padding:0}ol,ul{margin:0;padding:0;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}*,:before,:after{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;-webkit-text-decoration:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{line-height:inherit;color:inherit;padding:0}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{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(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.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,#0000)}.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}*,:before,:after{--tw-shadow:0 0 #0000}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}*,:before,:after{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--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,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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;font-style:italic;font-weight:400;font-display:swap;src:url(../media/ade06e2d8ee0d948-s.14l2k.wg_.z3s.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Scada;font-style:italic;font-weight:400;font-display:swap;src:url(../media/084f394c0808e728-s.0eksbqm1ww9js.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Scada;font-style:italic;font-weight:400;font-display:swap;src:url(../media/4b732277fb452b46-s.0lxlasunzz76v.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:italic;font-weight:400;font-display:swap;src:url(../media/74abf40a97712c16-s.p.0149~7jd6px2s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Scada;font-style:italic;font-weight:700;font-display:swap;src:url(../media/8161560a56d07991-s.00xcdy66sqjxt.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Scada;font-style:italic;font-weight:700;font-display:swap;src:url(../media/fd3dc9ee8cb3fd65-s.0dflqxwdfl3ot.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Scada;font-style:italic;font-weight:700;font-display:swap;src:url(../media/e7a075532868fa09-s.04a_0d7u0yj.k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:italic;font-weight:700;font-display:swap;src:url(../media/5662f1b7d2439357-s.p.0gsqrv21pp_1_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Scada;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9a71c59dbab67808-s.03-xiuycrg7z3.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Scada;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f223595cb9b7ff45-s.07n-x821gg__b.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Scada;font-style:normal;font-weight:400;font-display:swap;src:url(../media/50649fc83c1a95e2-s.0rn-y6~h~e26z.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f0804ef9cbe848af-s.p.0ph9k7u1035_b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Scada;font-style:normal;font-weight:700;font-display:swap;src:url(../media/4364ddb894d54907-s.01wu~e3fpxwsc.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Scada;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7098a90994c354ae-s.0.zyve_0zl8zl.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Scada;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1d7f67772eeb8451-s.0r1kn6bjt3aku.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6e41babdb7259c0e-s.p.0~11tikstfbfa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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;src:local(Arial);ascent-override:97.2%;descent-override:29.41%;line-gap-override:0.0%;size-adjust:98.25%}.scada_c313197-module__PrWrjG__className{font-family:Scada,Scada Fallback}