#root{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;background-color:#edf5f7}@keyframes fadeOut{0%{opacity:1}50%{opacity:.5}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.imageAndControls h2{font-size:72px}.imageWithOverlay{display:flex;animation-duration:.5s;animation-timing-function:linear;height:100%;width:100%}.backgroundImage{display:inline-block;background-size:100% 100%;width:100%;height:100%}.fade-out{animation-name:fadeOut}.fade-in{animation-name:fadeIn}.imagePreview:hover{cursor:pointer}.imageAndControls{position:relative;width:100%;flex-direction:row;align-items:center}.circles{display:flex;justify-content:space-evenly;width:50%}.circle{width:100px;height:100px;background-color:#d1d7db;border-radius:50%;transition:background-color .8s ease}.next{-webkit-user-select:none;user-select:none;position:absolute;bottom:16vw;right:1%;color:gray;font-size:11vw;z-index:1}.next:hover,.prev:hover{cursor:pointer}.prev{position:absolute;-webkit-user-select:none;user-select:none;bottom:16vw;left:1%;color:gray;font-size:11vw;z-index:1}@media screen and (max-width: 400px){.imageAndControls{width:100%}}#root{margin:0;padding:0}.bio{display:flex;width:50%;justify-self:center}.homepage{width:96%;display:flex;flex-direction:column;align-items:center}.transitionContainer{display:flex;flex-direction:column;align-items:center;width:100%}.headers{display:flex;flex-direction:row;align-items:center;width:100%}.socials{display:flex;flex-direction:row;width:100%}.linkedin,.email{display:flex;align-items:center;width:40%}.linkedin img,.email img{width:50px;height:50px}.email img{align-self:center;width:40px;padding-left:5px;padding-right:5px;height:40px}.name{width:30%}.bio{width:70%;display:flex}.bioText{justify-content:flex-end}.name h2{font-weight:400;padding-top:20px;padding-bottom:20px}.headers h3{font-weight:400}@media screen and (max-width: 750px){.email,.linkedin{visibility:hidden}.socials{height:0px}.bio{align-self:flex-end;margin-bottom:50px}}@media screen and (max-width: 550px){.email{visibility:hidden}.transitionContainer{width:100%}.name h2{font-size:20px}}@media screen and (max-width: 450px){.email,.linkedin{visibility:hidden}.transitionContainer{width:100%}.name h2{font-size:15px;padding-top:20px;padding-bottom:10px}.bio{margin-bottom:10px}}@media screen and (max-width: 400px){.email{visibility:hidden}.transitionContainer{width:100%}.bioText p{font-size:14px}}*{margin:0;padding:0;border:0}#root{margin:0}body{font-family:Consolas,Courier New,monospace}.img-wrapper{height:40vw;width:100%}.img-wrapper.projectsPage{width:100%;height:40vw}.img-description-contain{position:absolute;transition:opacity 2s;background-color:#0009;margin-top:calc(-40vw - 4px);color:#fff;opacity:0;visibility:visible;display:flex;align-items:center;justify-content:center;height:40vw;width:100%}.img-description-contain.projectsPage{width:96%}.image{width:100%;height:40vw}.image.projectsPage{height:40vw}.img-wrapper:hover .img-description-contain{opacity:1;cursor:pointer}.image-description{text-align:center}.projectName:hover{text-decoration:underline;cursor:pointer}.img-description-contain p{font-size:40px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 750px){.next,.prev{visibility:hidden}}@media screen and (max-width: 500px){.projectName{font-size:40px}}@media screen and (max-width: 400px){.next,.prev{visibility:hidden}.img-wrapper,.img-wrapper.projectsPage{height:100vw}.img-description-contain{margin-top:calc(-100vw - 4px);height:100vw}.img-description-contain.projectsPage{height:100vw;margin-top:calc(-100vw - 4px);width:100%}.image,.image.projectsPage{height:100vw}.projectName{font-size:40px}}.projectsAndHeaderContainer{display:flex;flex-direction:column;width:96%}.projectsContainer{width:100%;display:flex;flex-wrap:wrap;justify-content:center}.singleProjectContainer{width:100%;display:flex;justify-content:center;flex-direction:column;margin-bottom:10px}.singleProjectContainer:after{content:"";position:relative;bottom:0;width:100%;height:2px;background-color:#000;margin-top:10px}@media screen and (max-width: 400px){.singleProjectContainer{width:100%}}#root{padding:0;margin:0}ul{font-size:2vh}.NavBar{background-color:#edf5f7;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;margin-bottom:10px}.NavBar:after{content:"";position:absolute;bottom:0;left:2%;width:96%;height:2px;background-color:#000}.leftSide{display:flex;overflow:hidden;flex-wrap:wrap;align-items:center;margin:5px;width:100%;margin:1rem}.leftSide img{height:50px;width:50px}.insta,.gmail{display:flex;margin-top:10px;align-items:center}.insta img,.gmail img{justify-content:center}.socialMediaText{width:100%;margin-left:1rem}.socialMediaText a{color:inherit;text-decoration:none}.title{font-size:32px;margin-left:3%}.title a{color:inherit;text-decoration:none}.middle{display:flex;justify-content:center;margin-bottom:10px}.middle img{width:100px;height:100px;align-self:center}.rightSide{flex-grow:1;list-style-type:none;overflow:hidden;justify-content:space-evenly;display:flex;flex-direction:row;height:100%;align-items:center}.rightSide li{margin:0;padding:10px}.rightSide li a{color:inherit;text-decoration:none}.activePage{background-color:#d3dcdf;border-radius:10px;outline:3px solid #000000}.menu{display:none;height:24px;width:24px}@media (pointer: coarse){.menu{display:flex;align-self:flex-end;justify-self:end;padding:25px 4% 25px 6%;background-color:#d9d9d9}.rightSide{width:100%;flex-direction:column;justify-content:space-evenly;grid-column:span 2;background-color:#d9d9d9;padding-top:1rem;padding-bottom:1rem}.rightSide li{margin:0;padding:10px;font-size:18px;font-family:canada-type-gibson,Arial Black,sans-serif;font-weight:700}.show{display:flex}.hide{display:none}.activePage{all:unset}.NavBar:after{all:unset}}.projectInfo{display:flex;flex-direction:column;margin:0;width:96%}.nameAndDesc{width:55%}.nameAndDesc h1{font-size:100px}.nameAndDesc p{white-space:pre-line}.project-image{height:auto;max-width:100%}@media screen and (max-width: 500px){.projectInfo{width:100%}.project-image{height:100vw}}h1{font-size:100px;text-align:left;width:100%}.socialsContact{display:flex;flex-direction:column}.socialMediaText a:hover{text-decoration:underline}.contactPage{align-items:flex-start;width:96%}.github,.linkedinContact,.emailContact{display:flex;align-items:center;width:40%;height:200px}.github img{width:50px;height:50px}.contactPage img{width:160px;height:160px;padding-left:20px;padding-right:20px}.linkedinContact img{width:200px;height:200px;padding-left:0;padding-right:0}.linkedinContact{justify-content:center}@media screen and (max-width: 750px){.contactPage img{width:160px;height:160px;padding-left:0;padding-right:0}.linkedinContact img{width:200px;height:200px;padding-left:100px;padding-right:0}}:root{padding:0;margin:0;background-color:#edf5f7}body{margin:0;padding:0;font-family:Consolas,Courier New,monospace}h1,h2{font-family:canada-type-gibson,Arial Black,sans-serif}h1{font-size:100px}p{font-size:20px}