body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Header{position:fixed;width:100%;box-sizing:border-box;z-index:1;text-align:right}.logo{position:absolute;top:20%;height:60%;left:50%;font-size:2.5em;transform:translateX(-50%)}.Body{background-color:#ececec;height:100vh;position:relative;display:flex;flex-wrap:wrap}.SideBar{height:100vh;flex-basis:30%;background-color:#f78888;text-align:center;-webkit-animation:leftRight .2s ease-in;animation:leftRight .2s ease-in;overflow:hidden}.SideContent{padding:24vh 10%}.SideText{padding:5vh 0;font-size:1.25em}.scrollSnap{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.ContentHolder{margin-top:6vh;height:94vh;overflow-y:scroll;flex-basis:70%;-ms-overflow-style:none;scrollbar-width:none}.Content{padding:0 6vh;box-sizing:border-box;font-family:"Lora",serif;margin:auto;display:flex;flex-wrap:wrap}button{background-color:transparent;padding:.75em 1.75em;font-family:"Nunito",sans-serif;border-color:#000;font-size:1.15em;border-width:2.5px;cursor:pointer;margin:.25em}.ContentTitle{text-align:center;font-size:3em}.ContentDesc,.ContentTitle{margin-top:5vh}.text-center{text-align:center}.ContentFooter{margin-top:10vh}.ContentHolder::-webkit-scrollbar{display:none}@-webkit-keyframes leftRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes leftRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}#About{background:#90ccf4}#Projects{background:#fc8888}#Contact{background:#f3d250}:focus{outline:none}@media (orientation:landscape) and (max-width:900px){.App{font-size:.7rem}}@media (orientation:portrait){.ContentHolder{overflow-y:unset;height:100vh;flex:100% 1}.SideBar{flex:100% 1}.Body{overflow-y:scroll}ul{-webkit-margin-after:.5em;margin-block-end:.5em;-webkit-margin-before:.5em;margin-block-start:.5em}.Content{padding:0 2vh}}@media (orientation:portrait) and (max-width:500px){.App{font-size:.7rem}}ul{padding:0}ul>li{list-style-type:none;display:inline-block;padding:.1em .75em;margin-right:.6em;margin-bottom:.4em;box-sizing:border-box;border:1px solid #000;border-radius:10px;font-size:.8rem}.Row{margin-bottom:3em}.flex-50{flex-basis:50%}.flex-25{flex-basis:25%}.flex-75{flex-basis:75%}.Nodes{position:fixed;left:.5%;top:50%;transform:translateY(-50%);text-align:left;list-style-type:circle;list-style-position:inside}.Nodes button{font-family:"Lora",serif;font-style:italic;border:none;text-align:left;padding:unset;line-height:.5em;display:flex;align-items:center;color:#828282}.circle{height:1em;width:1em;border:.2em solid #828282;background-image:radial-gradient(circle at center,#828282 50%,transparent 0);background-repeat:no-repeat;transition:background-size .5s,color .2s;background-size:0 0;background-position:50% 50%;border-radius:50%;display:inline-block;box-sizing:border-box;margin-right:.5em}.circle:hover{background-size:200% 200%;color:#828282}.circle:hover+.text{display:unset}.circle:hover:before,.selected .circle:before{width:100%;height:100%}.selected .circle{background-size:200% 200%;color:#828282}.Nodes .text{display:none;-webkit-animation:fadeIn .2s ease-in;animation:fadeIn .2s ease-in}.Nodes .selected .text{display:unset}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Home.Header{height:12vh;background-color:#ececec}.Header button{font-family:"Lora",serif;font-style:italic;border:none}.Header button:not([disabled]):after{width:0;margin:5px 50% 0;-webkit-animation-name:lineOut;animation-name:lineOut;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.Header button:hover:not([disabled]):after,.Header button:not([disabled]):after{content:"";display:block;height:2px;background-color:#000;-webkit-animation-duration:.1s;animation-duration:.1s}.Header button:hover:not([disabled]):after{width:50%;margin:5px 25% 0;-webkit-animation-name:lineIn;animation-name:lineIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.BArrow{position:absolute;top:20px;left:20px;height:24px;cursor:pointer}.Hamburger{display:none;z-index:2;position:fixed;top:20px;right:20px}.overlay{height:0%;width:100%;position:fixed;background-color:#ececec;background-image:url(/static/media/paper.5266cd39.jpg);z-index:1;top:0;left:0;overflow-y:hidden;transition:.5s}.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px;font-family:"Lora"}.overlay a{padding:8px;text-decoration:none;font-size:3em;color:#000;display:block;transition:.3s}.overlay a:focus,.overlay a:hover{color:#f1f1f1}@-webkit-keyframes lineIn{0%{width:0;margin:5px 50% 0}to{width:50%;margin:5px 25% 0}}@keyframes lineIn{0%{width:0;margin:5px 50% 0}to{width:50%;margin:5px 25% 0}}@-webkit-keyframes lineOut{0%{width:50%;margin:5px 25% 0}to{width:0;margin:5px 50% 0}}@keyframes lineOut{0%{width:50%;margin:5px 25% 0}to{width:0;margin:5px 50% 0}}@media (orientation:portrait) and (max-width:1500px){.BArrow,.ButtonGroup{display:none}.Hamburger{display:unset}}.container{display:flex;align-items:center;min-height:45vh}.CDtext{width:50%;text-align:justify}.CDimage{width:50%;text-align:center}.ContentTitle.sub:after{content:"";display:block;width:10%;height:3px;background-color:#000;margin:.8vh 45% 0}.CDimage>img{width:70%;margin:0 15%}.Content.limit{padding-top:6vh;height:94vh;display:inherit}.CTimage{width:100%;height:100%;background-color:#f2f2f2}.CTimageContainer{flex-basis:40%}.ContentTile{margin:1%;background-color:#ececec;box-sizing:border-box;border-radius:15px;overflow:hidden;text-align:left;display:flex;flex-wrap:wrap;cursor:pointer;position:relative}.ContentTile:hover{box-shadow:5px 5px 10px 0 grey}.CTtitle{font-size:1.5em}.CTdesc{padding-top:5%;flex-basis:52.5%;padding-left:5%;padding-right:2.5%}.Content.limit.Center{padding-top:20vh}.CTseeMore{position:absolute;bottom:10px;right:15px;font-size:.8em}.CTsummary{margin-bottom:2em}@media (orientation:landscape) and (max-width:1600px){.CTseeMore,.CTsummary{display:none}}@media (orientation:landscape) and (max-width:1200px){.CTtags{display:none}.CTseeMore{display:unset}}@media (orientation:portrait){.CTdesc,.CTimageContainer{flex-basis:100%}.ContentTile{margin:5% 1%}}.ContentHolder.Project{flex-basis:inherit}.ProjectSegment{height:94vh}.ProjectContent{font-family:"Lora",serif;text-align:center}.ProjectTitle{font-size:3em;padding:5vh 15vw 1em}.ProjectSubTitle{font-size:2em}.ProjectSubTitle,.ProjectSummary{text-align:center}.ProjectSummary button{margin-top:1em;font-size:.9em;padding:.5em 1.25em}.ProjectMedia{width:50%;height:28.125vw;margin:auto auto 1em;display:block}.ProjectMedia>img{width:100%}.ProjectMedia button{margin:unset}.ProjectSegment>.Row{padding:1em 25vw}h3{display:inline-block;font-weight:unset;font-size:1em;margin:.5em 1em .5em 0}.ProcessSubTitle.selected{font-weight:700;font-size:1.2em}.centerRIG{transform:translateX(55px);height:100%}.ProjectMedia.gallery{height:unset}@media (orientation:portrait){.centerRIG{transform:translateX(0)}.ProjectMedia{width:90vw;margin-bottom:unset;height:50.625vw}.ProjectSegment>.Row{padding:1em 5vw;margin:0}.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{width:100%;height:unset}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{display:none}.ProjectTitle{padding:5vh 5vw 1em}}@media (max-width:900px){.ProjectTitle{font-size:2em}}@media (max-width:500px){.ProjectTitle{font-size:1.5em;font-weight:500}}.form-inputs{display:flex;flex-wrap:wrap}.form-left,.form-right{flex-basis:50%}.form-control{font:inherit;width:90%;padding:1vw;margin:1vh 10% 1vh 0;resize:none;min-height:50%}.form-button{text-align:center;margin-right:5%;font-size:.9em;margin-top:5%}@media (orientation:portrait) and (max-width:900px){.form-left,.form-right{flex-basis:100%}.form-control{margin:1vh 5%}}.left-10-5{text-align:left}.ContentTitle.Contact{margin-top:11vh}@media (orientation:portrait) and (max-width:900px){.left-10-5{margin-left:5%}}.HomeBody{top:12vh;width:100%;height:88vh;background-image:url(/static/media/BG_hackspace_uncrop.afec85d2.jpg);background-size:cover;background-position:100%;position:relative}.PIgroup{position:absolute;bottom:20vh;top:10vh;width:50%}@-webkit-keyframes borderIn{0%{outline-offset:0}to{outline-offset:-8px}}@keyframes borderIn{0%{outline-offset:0}to{outline-offset:-8px}}@-webkit-keyframes borderOut{0%{outline-offset:-8px;outline:1px solid #000}to{outline-offset:0}}@keyframes borderOut{0%{outline-offset:-8px;outline:1px solid #000}to{outline-offset:0}}.PostIt{position:absolute;text-align:center;font-family:"Lora",serif;font-style:italic;font-size:1.3em;box-shadow:10px 10px 4px rgba(0,0,0,.25);left:10%;right:10%;height:30%;padding:0 10vw;cursor:pointer;-webkit-animation-name:borderOut;animation-name:borderOut;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.PostIt#About{top:0;background:rgba(144,204,244,.8)}.PostIt#Projects{top:50%;transform:translateY(-50%);background:rgba(252,136,136,.8)}.PostIt#Contact{bottom:0;background:rgba(243,210,80,.8)}.PItitle{margin:.5em 0;font-size:1.5em;text-transform:capitalize}.PItitle:after{content:"";display:block;width:30%;height:4px;background-color:#000;margin:.8vh 35% 0}.PostIt:hover{outline:1px solid #000;-webkit-animation-name:borderIn;animation-name:borderIn;-webkit-animation-duration:.1s;animation-duration:.1s;outline-offset:-8px;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@media (orientation:portrait){.PostIt{left:0;right:0;height:33.33333%;box-shadow:none}.PIgroup{position:fixed;width:100%;bottom:0;top:72vh}.PItitle:after{display:none}.HomeBody{height:60vh}}@media (max-width:900px){.logo{width:70%;height:unset;top:25%}.PIintro{display:none}}
/*# sourceMappingURL=main.41392b44.chunk.css.map */