@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);#root{display:flex;justify-content:center}p{font-family:-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"}label{margin-left:5px}.play-button{cursor:pointer;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;height:60px;width:100px;background-color:rgba(0,0,0,.7);border-radius:5px}.play-button:hover{background-color:rgba(0,0,0,.9)}.play-button:after{content:"";display:block;position:absolute;top:16.5px;left:40px;margin:0 auto;border-color:transparent transparent transparent #fff;border-style:solid;border-width:12.5px 0 12.5px 20px}.close-video:before{content:"✖";cursor:pointer;position:absolute;right:0;top:0;font-size:20px;padding:20px;z-index:1;line-height:.7;display:block;color:#fff}.video-wrapper{position:relative;padding:33.35% 0;height:0}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.app-sandbox,.app .image-gallery{margin:0 auto;width:65%;transition:all 1s ease}@media (max-width:1320px){.app-sandbox-content{padding:0 20px}}.app-sandbox{margin:40px auto;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.app-buttons li{display:block}@media (max-width:768px){.app-header{font-size:20px}.app-buttons li{display:block;margin:10px 0}.app-buttons li+li{padding:0}.play-button{height:40px;width:65px}.play-button:after{top:11px;left:27px;border-width:8.5px 0 8.5px 12px}.close-video:before{font-size:16px;padding:15px}}@media (max-width:1024px){.app-sandbox,.app .image-gallery{width:100%}}.app-interval-input-group{display:table}.app-interval-label{display:table-cell;vertical-align:middle;padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:3px solid #ccc;border-right:none;border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0}.app-interval-input{-webkit-appearance:none;display:table-cell;margin:0;padding:9px;border-radius:5px;font-size:14px;border:3px solid #ccc;background:#fff;width:100%;border-top-left-radius:0;border-bottom-left-radius:0}input.app-interval-input{width:65px}.app-checkboxes{margin-top:10px}.app-checkboxes li{display:block}.nav-link{background-color:"black"}.navbar-nav .dropdown-menu,.navbar-nav .dropdown-menu.show{transition:all 1s ease-in-out!important}.navbar-nav .dropdown-menu.show{display:flex!important;padding:0!important;margin:0!important;justify-content:left!important;border-radius:0!important;border:0!important;background:transparent!important}.custom-toggler-white .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.custom-toggler-white.navbar-toggler{border-color:hsla(0,0%,100%,.8);outline:none}.navbar-light .navbar-nav .nav-link{color:#000!important;background:transparent!important}.navbar-small{font-family:"Roboto",sans-serif;font-weight:300}#collasible-nav-dropdown{margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0}#brandLink{color:#000!important}#brandLink:hover{text-decoration:none!important}.router-link{display:flex;color:#000!important;opacity:.9;align-items:flex-end;justify-content:space-between}.router-link span{font-size:.7em;opacity:.6}.router-link:hover{text-decoration:none!important}.bar-title-container{font-size:50px;position:relative;color:rgba(0,0,0,.7);padding-right:0;margin-right:0;text-overflow:hidden;white-space:nowrap;overflow:hidden;height:20px;background:#f0f0f0}.bar-title{font-size:50px;position:absolute;bottom:-70%;color:rgba(0,0,0,.05);padding-left:0;margin-left:0}.bar-title-small{color:#c8c8c8}.bar-title-container-small{background-color:red}.hide-title{opacity:.04}.body-container{width:100vw;margin:0;padding:10px 0 0;display:flex;flex-direction:column;justify-content:center}.body-container-small{width:100vw;margin:0;padding:0}.title-container,.title-container:hover{text-decoration:none;color:#000}title{margin-bottom:0;text-align:center}.title-subtitle{display:flex;justify-content:space-evenly;align-items:flex-end;margin-left:10px;margin-bottom:10px;opacity:.7}.singleViewListItem,.singleViewListItem:hover{color:#000}.mainNavItem{color:grey;width:100px;border-bottom:1px solid transparent}.mainNavItem:hover{color:#000;text-decoration:none}.mainNavItemActive{color:#000;border-image-slice:1}.whole-nav{margin:20px 0;width:500px;background:"white";position:static}.whole-nav,.whole-nav-fixed{display:flex;padding-left:0;justify-content:space-between}.whole-nav-fixed{top:0;padding-top:5px;padding-bottom:5px;margin:0;width:100vw;background:#fff;position:fixed;z-index:1000}.quote{opacity:1}.quote,.quotehidden{transition:all 3s ease-in-out}.quotehidden{opacity:0}.quotesuperhidden{opacity:0;transition:all 0s}.fade-in-first{animation:fadeInFirst 3s ease;-webkit-animation:fadeInFirst 3s ease;-moz-animation:fadeInFirst ease 3s;-o-animation:fadeInFirst ease 3s;-ms-animation:fadeInFirst ease 3s}@keyframes fadeInFirst{0%{opacity:0}to{opacity:1}}.fade-in-second{animation:fadeInSlow 4s ease;-webkit-animation:fadeInSlow 4s ease;-moz-animation:fadeInSlow ease 4s;-o-animation:fadeInSlow ease 4s;-ms-animation:fadeInSlow ease 4s}.fade-in{color:transparent;position:absolute}@keyframes fadeIn{0%{opacity:0}80%{opacity:0}to{opacity:1}}.fade-in-slow{position:absolute;animation:fadeInSlow 10s ease;-webkit-animation:fadeInSlow 10s ease;-moz-animation:fadeInSlow ease 10s;-o-animation:fadeInSlow ease 10s;-ms-animation:fadeInSlow ease 10s}@keyframes fadeInSlow{0%{opacity:0}30%{opacity:0}to{opacity:1}}.custom-tab a{color:#646464}.custom-tab a[aria-selected=true]{color:#000!important}.custom-tab a[aria-disabled=true]{color:#c8c8c8!important}.custom-bg-light-gray{background-color:#e6e6e6}.tabs{height:2.7rem;display:flex;flex-wrap:nowrap;overflow:hidden}.tab-button{height:2.7rem;border:0;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid hsla(0,0%,100%,0);background:#fff;color:rgba(0,0,0,.6)}.tab-button:focus{outline:none}.tab-button:hover{border-top:1px solid rgba(0,0,0,.05)}.tab-button-active{border-top-left-radius:3px;border-top-right-radius:3px;height:2.7rem;position:relative;border:0;border:1px solid rgba(0,0,0,.2);border-bottom-color:#fff;background:#fff;color:#1e1e1e}.tab-button-active:focus{outline:none}.tab-filler{height:2.7rem;content:"";width:100vw;border-bottom:1px solid rgba(0,0,0,.2)}.tab-title{position:absolute;right:7px;bottom:0;font-size:1.5em;color:#090000;margin-bottom:0}.project-title-small,.tab-title{font-family:"Roboto",sans-serif;font-weight:300}code{color:rgba(0,0,0,.4)}code b{color:#000}.gridButton{color:#000;scale:1.5;margin:0 3px;transition:all .1s ease-in-out;opacity:.5}.gridButton:hover{scale:1.6}.gridButton-active{opacity:.9}ol{list-style:Lower-greek;background-color:#f5f5f5;padding-left:25px;margin-left:30px;margin-top:10px;border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0}ol li::marker{color:rgba(255,0,0,.8);border-bottom:1px solid rgba(0,0,0,.05);background-color:#000}ol li{border-bottom:1px solid rgba(0,0,0,.05)}.project-description h5{opacity:.9}.project-description h5,.project-description h6{padding-bottom:10px;padding-top:10px;margin-left:10px;margin-right:10px}.project-description h6{font-size:1.1em;opacity:.8}.project-description p{margin-left:10px;margin-right:10px}.tagItem{font-family:"Roboto",sans-serif;margin-left:4px;padding-left:7px;padding-right:7px;border-radius:4px;padding-bottom:1px;background-color:#fc9636;text-align:center}.fixed{overflow:hidden;height:100%}.gitHubLink{float:left;margin-left:10px;margin-right:10px;font-size:14px}.gitHubLink span{font-family:"Roboto",sans-serif;text-decoration:underline;opacity:.8}.gitHubLink a:link{color:#6464ff}.taggedWith{float:right;margin-left:10px;margin-right:10px;font-size:10px}.taggedWith span{font-family:"Roboto",sans-serif;text-decoration:underline;opacity:.8}.taggedWith span+span{font-family:"Roboto",sans-serif;margin-left:4px;padding-left:7px;padding-right:7px;border-radius:4px;padding-bottom:1px;background-color:#fc9636;text-align:center;opacity:1;text-decoration:none}.contact-message-wrapper{width:100%}.contact-button-wrapper{display:flex;justify-content:space-between}.contact-button-wrapper button:focus{outline:solid;outline-width:1px;outline-color:#646464}.contact-message-wrapper div{display:flex;justify-content:space-between}.contact-form-wrapper{font-family:"Roboto",sans-serif;font-weight:300}.contact-info-span{display:inline-block}.sort-select-container{width:200px;margin:5px;padding:0}.side-nav{height:100vh;width:70vw;position:fixed;background-color:#fff;z-index:998}.side-nav-show{right:0;opacity:1;transition:right .6s}.side-nav-hide{right:-71vw;opacity:0;transition:opacity .2s ease-in-out,right .4s ease-in-out}.side-nav-menu{display:flex;flex-flow:column}.side-nav-background{height:100vh;width:100vw;position:fixed;z-index:997;background-color:#000}.side-nav-background-show{left:0;top:0;opacity:.4;transition:opacity .6s}.side-nav-background-hide{opacity:0;left:100vw;transition:opacity .2s,left 0s .2s}.read-more-button{font-family:"Roboto",sans-serif;background-color:#fff;font-weight:300;border:1px solid #fc9637;border-radius:2px}.read-more-button:hover{background-color:#fff;text-decoration:underline}.read-more-content-wrapper{overflow:hidden;background-color:#f7f7f7}.read-more-show{max-height:1000px}.read-more-hide,.read-more-show{transition:max-height 1s ease-in-out}.read-more-hide{max-height:0}.read-more-content{padding-top:10px}.tooltip-kelmi{max-height:80vh;min-height:60vh;background-color:transparent;min-width:45vh;padding:0;margin:0}.tooltip-text{max-width:70vw}.highlight-word{font-family:"Roboto",sans-serif;font-weight:600}.experience-item{display:flex;flex-direction:column;padding-bottom:.5rem;padding-top:.5rem}.experience-item span:first-child{font-size:1.1rem;font-weight:600}.experience-item span:nth-child(3){color:#000;color:rgba(0,0,0,.5)}
/*# sourceMappingURL=main.2df9866f.chunk.css.map */