@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);@font-face{font-family:Coolvetica;src:local("Coolvetica"),url(/static/media/coolvetica.3d81d0e1fdbd5f69b232.otf) format("opentype")}@font-face{font-family:Questrial;src:local("Questrial"),url(/static/media/Questrial-Regular.8d912316f1891f5c8fa4.ttf) format("truetype")}body{overflow-x:hidden}body,html{color:#0c0c0c;font-family:Questrial,sans-serif;margin:0;padding:0}h1{font-family:Coolvetica,sans-serif;margin:0 auto;padding:0 1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}h2,h3{font-family:Coolvetica,sans-serif;margin:0 auto;padding:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}h4,h5{padding:0}h4,h5,h6{font-family:Coolvetica,sans-serif;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}h6{padding:1em}p{line-height:2em}.underlineBlue{text-decoration:underline;text-decoration-color:blue;text-decoration-thickness:15%}.underlineRed{text-decoration:underline;text-decoration-color:red;text-decoration-thickness:15%}.underlinePurple{text-decoration:underline;text-decoration-color:purple;text-decoration-thickness:15%}.underlineOrange{text-decoration:underline;text-decoration-color:orange;text-decoration-thickness:15%}.underlineGreen{text-decoration:underline;text-decoration-color:green;text-decoration-thickness:15%}.underlineCyan{text-decoration:underline;text-decoration-color:cyan;text-decoration-thickness:15%}#parallaxBanner{background-image:url(/static/media/photo-react-background.000a65ed23df4e8805a7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;top:-90px;width:100vw}#bannerText{background:#e7e7e7;color:#000;display:inline-block;left:50%;padding:.4em 0 .6em;position:relative;top:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (max-width:600px){h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.3em}h4{font-size:1.2em}h5{font-size:1.3em}h6{font-size:2.5em}p{font-size:1.2em}#parallaxBanner{background-size:200%;height:25vh}}@media only screen and (min-width:600px){h1{font-size:3em}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.2em}h5{font-size:1.3em}h6{font-size:2.5em}p{font-size:1.2em}#parallaxBanner{height:25vh}@media only screen and (orientation:landscape){#parallaxBanner{top:-60px}}}@media only screen and (min-width:992px){@media only screen and (orientation:landscape){#parallaxBanner{top:-90px}}h1{font-size:4em}h2,h3{font-size:2em}h4,h5{font-size:1.5em}h6{font-size:2.5em}p{font-size:1.1em}#parallaxBanner{height:30vh}}:root{--backgroundInitial:0;--backgroundStart:0;--backgroundEnd:0;--contentStart:100vw;--contentMiddle:0;--contentEnd:-100vw}#wrapper{background-color:#e6e6e6;min-height:100vh;padding:0;width:100%}.content-enter{-webkit-transform:translate(100vw);transform:translate(100vw);-webkit-transform:translate(var(--contentStart));transform:translate(var(--contentStart))}.content-enter-active{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.content-enter-active,.content-exit{-webkit-transform:translate(0);transform:translate(0);-webkit-transform:translate(var(--contentMiddle));transform:translate(var(--contentMiddle))}.content-exit-active{-webkit-transform:translate(-100vw);transform:translate(-100vw);-webkit-transform:translate(var(--contentEnd));transform:translate(var(--contentEnd));transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}#header{background-color:#fff;margin:0 auto 3em;overflow:auto;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:100%;z-index:100}#headerLinks{margin:0 auto;overflow:auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#header a,a:active,a:hover,a:link,a:visited{color:#0c0c0c;display:block;text-decoration:none}#headerDemos,#headerHome,#headerProjects,#headerSkills{display:inline;float:left}#header p{margin:.2em}#underline{background-color:#000;height:5px;left:0;margin-top:2em;position:relative;transition-duration:.5s;transition-property:left;width:70px}#footer{background-color:#fff;padding:1em 0;text-align:center;width:100vw}@media only screen and (max-width:600px){#header{height:10vh;padding-top:2em}#headerDemos,#headerHome,#headerProjects,#headerSkills{margin:0 4vw}#header img{height:auto;width:18vw}#underline{height:5px;margin-top:1.5em;width:50px}}@media only screen and (min-width:600px){#header{height:110px;padding-top:2.5em}#headerDemos,#headerHome,#headerProjects,#headerSkills{margin:0 4vw}#header img{height:auto;width:12vw}#underline{height:5px;margin-top:1.4em;width:50px}@media only screen and (orientation:landscape){#header{height:15vh;padding-top:1em}}}@media only screen and (min-width:992px){#header{height:120px;padding:2.5em 0 0;position:relative}#headerDemos,#headerHome,#headerProjects,#headerSkills{margin:0 2vw}#header img{height:auto;width:120px}#underline{height:5px;margin-top:2em;width:70px}}#contentWrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:-90px auto 0;text-align:center}#contentWrapper a,a:active,a:hover,a:link,a:visited{color:#00e;display:inline;text-decoration:underline}#contentLeft,#contentRight{text-align:left}#contentRight{overflow:visible}.contentBox,.contentBoxLower{overflow:auto;padding-top:2em;text-align:left;width:100%}.contentBoxLower{margin-bottom:0}#homeWrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:-130px auto 0;text-align:center}#homeWrapper a,a:active,a:hover,a:link,a:visited{color:#00e;display:inline;text-decoration:underline}#landingBanner{background-image:url(/static/media/photo-react-background.000a65ed23df4e8805a7.jpg);background-position:0 0;background-repeat:no-repeat;background-size:cover;top:-150px;width:100vw}#landingBanner,#landingText{display:inline-block;position:relative}#landingText{background:#e7e7e7;color:#000;left:50%;padding:.4em 0 .6em;top:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (max-width:600px){#contentWrapper{width:100%}#contentWrapper,#homeWrapper{padding:0 1em 1em}#landingBanner{background-size:200%;height:45vh}.contentBox{padding-top:2em}.contentBoxLower{padding-top:0}#photoReact{width:90vw}#contentLeft,#contentRight,.focusesLeft{display:block;width:100%}.focusesLeft{background-color:#fff;border-radius:10px;margin:1em auto;overflow:auto;padding:1em 1em 0;text-align:left}.focusesLeft img{height:auto;margin-right:1em;position:relative;top:50%;width:100px}.focusesRight{background-color:#fff;border-radius:10px;display:block;margin:1em auto;overflow:auto;padding:1em 1em 0;text-align:left;width:100%}.focusesRight img{height:auto;margin-right:1em;position:relative;top:50%;width:100px}}@media only screen and (min-width:600px){#contentWrapper{padding:0 1em 1em;width:100%}#contentLeft{display:block;width:100%}#homeWrapper{padding:1em}#landingBanner{height:35vh}#contentRight{display:block;width:100%}#photoReact{width:60vw}.contentBoxLower{padding-top:0}.focusBox,.focusesLeft{display:block}.focusesLeft{background-color:#fff;border-radius:20px;margin:2em auto 0;overflow:auto;padding:1em;text-align:left;width:80%}.focusesLeft img{height:auto;margin-right:1em;position:relative;top:50%;width:100px}.focusesRight{background-color:#fff;border-radius:20px;display:block;margin:2em auto 0;overflow:auto;padding:1em;text-align:left;width:80%}.focusesRight img{height:auto;margin-right:1em;position:relative;top:50%;width:100px}@media only screen and (orientation:landscape){#landingBanner{top:-75px}#contentWrapper{margin-top:-50px}#homeWrapper{margin-top:-90px}}}@media only screen and (min-width:992px){#contentWrapper{min-width:900px;padding:0 1em 1em;width:80%}#landingBanner{height:60vh}.contentBox{padding-top:2em}#contentLeft{display:inline;float:left;width:50%}#contentRight{float:right;padding-left:2em;width:50%}#photoReact{height:auto;width:100%}#contentLeft{padding-right:2em}.topParagraph{margin-top:0}.focusBox{justify-content:space-between;padding-top:2em;width:100%}.focusBox,.focusesLeft{display:flex;overflow:auto;text-align:left}.focusesLeft{margin:1em 0;padding:1em;width:48%}.focusesLeft img{height:auto;margin-right:1em;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100px}.focusesRight{display:flex;margin:1em 0;overflow:auto;padding:1em;text-align:left;width:48%}.focusesRight img{height:auto;margin-right:1em;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100px}}@media only screen and (min-width:1200px){#contentWrapper,#homeWrapper{min-width:1000px;padding:0 1em 1em;width:60%}#contentRight{float:right;padding-left:3em}#photoReact{float:right;height:auto;width:100%}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.skillBox{display:flex;overflow:auto;text-align:left;width:100%}.skillBox h3{padding:0}.skillLeft{float:left}.skillLeft,.skillRight{background-color:#fff;border-radius:20px;margin:.75em;padding:2em;width:48%}.skillRight{float:right}@media only screen and (max-width:600px){.skillBox{display:block}.skillLeft,.skillRight{display:block;margin:.75em auto;width:100%}}#projectWrapper{padding-bottom:5em}.projectDiv{align-items:stretch;background-color:#fff;border-radius:20px;cursor:pointer;margin:2em auto 0;padding:1em}.projectDiv,.projectDivLeft{display:flex;justify-content:center}.projectDivLeft,.projectDivRight{align-items:center}.projectDivRight{display:flex;flex-direction:column;justify-content:space-around;margin-left:1em;text-align:left}.projectDivRight h3{margin:0 auto;padding:0}.projectContent{margin-top:1em;overflow:auto;text-align:left}.projectContentImage{margin-top:2em}.projectContentLeft{display:inline;float:left;width:50%}.projectContentRight{display:inline;float:right;text-align:center}#backButton{background-color:#829df7;border-radius:20px;cursor:pointer;padding:.1em .5em}.demoBox{background-color:#fff;border-radius:20px;margin:3em auto 2em;padding:1em}.demoBox h3{margin:0 auto;padding:0}.demoButtons{align-items:center;display:flex;justify-content:center}.demoButtons h4{color:#fff}.demoButtons h4,.linkNoUnderline{text-decoration:none}.startButton{background-color:#3c3cc7;color:#fff;letter-spacing:1px}.githubButton,.startButton{border-radius:10px;cursor:pointer;margin:0 auto;padding:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.githubButton{background-color:#b4b4b4;font-family:Open Sans,sans-serif;font-size:16px}#demoWrapper{background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:-90px auto 0;padding:1em}@media only screen and (max-width:600px){.projectDiv{flex-direction:column}.projectDiv p{line-height:1.5em}.projectDivLeft img{height:auto;width:20%}.headerMobileOnly{display:block}.headerDesktopOnly{display:none}.projectDivLeft{display:flex;flex-direction:column}.projectContentRight{margin:1em 0 2em;width:100%}.mobileScreenPic{display:none}.desktopScreenPic{height:auto;width:100%}#demoWrapper,.demoBox{width:100%}.demoBox p{line-height:1.5}.demoBox .githubButton,.demoBox .startButton{margin:.5em auto}.demoButtons{flex-direction:column}}@media only screen and (min-width:600px){.projectDiv{flex-direction:row}.projectDivLeft{width:30%}.projectDivLeft img{height:70%;max-width:150px;width:auto}.projectDivRight{width:70%}.headerMobileOnly{display:none}.headerDesktopOnly{display:block}.projectContentRight{width:50%}.mobileScreenPic{height:auto;width:60%}.desktopScreenPic{display:none}#demoWrapper{padding:0 1em 1em;width:100%}.demoBox{width:100%}.demoButtons{flex-direction:row}}@media only screen and (min-width:992px){@media only screen and (orientation:landscape){#landingBanner{top:-150px}#contentWrapper{margin-top:-50px}}.projectDivLeft{width:30%}.projectDivLeft img{height:auto;max-width:100%;width:auto}.projectContent{margin-top:0}#demoWrapper{min-width:900px;padding:0 1em 1em;width:80%}.demoBox{width:75%}}@media only screen and (min-width:1200px){.projectDivLeft{width:20%}.projectDivRight{width:80%}#demoWrapper{min-width:1000px;padding:0 1em 1em;width:60%}.demoBox{width:75%}}*{box-sizing:border-box}.wrapper h1,.wrapper h2,.wrapper h3{font-family:Open Sans,sans-serif;letter-spacing:-2px;text-align:center}.wrapper p{font-size:16px}.wrapper h1{font-size:46px}.wrapper h3{font-size:32px}.wrapper{background-color:#fff;font-family:Open Sans,sans-serif}.wrapper,table{text-align:center}table{border-collapse:collapse;width:100%}th{background-color:#e7e7e7;border:1px solid #5c5c5c;padding:1em}tbody tr{border:1px solid #000}td{border:1px solid #5c5c5c;padding:1em}#sqlBox{background:#f0f0f0;border-radius:10px;margin:0 auto}#sqlBox p{margin:0}#sqlView{background:#dfdfdf;border-radius:10px;color:#00f;cursor:pointer;padding:.5em}#sqlResults{display:none;padding:1em;text-align:left}#sqlResults table,#sqlResults tbody,#sqlResults td,#sqlResults th,#sqlResults tr{border:none;font-family:monospace;font-size:12px;line-height:1.5;padding:0 1em;text-align:left;vertical-align:top}.clickable{color:#00f;cursor:pointer}.buttonHolder{margin:2em auto 0;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.submitButton{background-color:#c9c9c9;border:1px solid #7e7e7e;border-radius:10px}.buttonView,.submitButton{cursor:pointer;display:inline-block;margin:0 1em 2em;padding:.5em 1em}.buttonView{background-color:#9595f5;border:0 solid #000;border-radius:10px}.buttonView p{margin:0}input[type=text],select{display:block;margin:0 auto 1em}input[type=submit]{font-size:16px;margin:0 auto}#validationError{color:red;display:block;margin:1em auto;padding:0}@media only screen and (max-width:600px){.columnDescription{display:none}#sqlBox{width:100%}.sqlLeft{min-width:9em}}@media only screen and (min-width:600px){#sqlBox{width:80%}.sqlLeft{min-width:9em;width:20%}}@media only screen and (min-width:800px){#sqlBox{width:75%}.sqlLeft{min-width:9em;width:25%}}@media only screen and (min-width:992px){table{table-layout:fixed}.columnTitle{width:25%}.columnDescription,.columnTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.columnDescription{width:50%}.columnYear{width:10%}.columnRuntime{width:15%}}
/*# sourceMappingURL=main.1e0cee52.css.map*/