:root{text-align:center;width:100%;font-size:1.25em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}a:hover{color:#4e94ff}#root{display:flex;flex-direction:column;min-height:100vh}body{margin:0;display:flex;flex-direction:column;width:100%;min-width:320px;min-height:100vh}button{border-radius:8px;border:2px solid transparent;padding:.5em 1em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;background-color:#fff}button:hover{background-color:#4e94ff;color:#000}h1,h2,h3,.headerButton,.links{font-family:Georgia,Times New Roman,Times,serif}#bodyContainer{display:flex;flex-direction:column;flex:1}#header{display:flex;justify-content:space-between;align-items:center;padding:15px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;box-sizing:border-box;background-color:#d3d3d380;position:sticky;top:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.links{display:flex;font-size:x-large;padding:15px;color:#0050c7}.links:hover{text-decoration:underline;color:#000}#homeLink:hover{text-decoration:none;color:#0050c7}.active{text-decoration:underline;color:#000}.headerButton{background-color:#0050c7;color:#fff;font-size:x-large}.menuContainer{display:block;align-items:center;justify-content:center}.menuContainer>div{display:none}.isOpen .sideContainer{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;right:0;height:100vh;width:85vw;background-color:#f5f5f5;z-index:9}#contactButton{margin-left:10px}.isOpen #contactButton{border:none;margin-top:5vh;margin-left:0}.isOpen .sideContainer a{border-bottom:2px solid lightgray;width:75%;display:flex;align-items:center;justify-content:center}.isOpen #portfolioLink{border-top:2px solid lightgray}#closeIcon{align-self:flex-end;padding:16px}.background{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:gray;z-index:9;opacity:50%}.background.isOpen{display:block}h1{font-size:1.5em;margin:0;text-align:left}@media(min-width:750px){.menuContainer div{display:flex}.menuContainer img{display:none}}@media(min-width:1000px){h1{font-size:2em}#header{justify-content:space-evenly}}footer{margin-top:auto;display:flex;flex-direction:column;background-color:#d3d3d3;padding:20px;border-top:10px solid #0050c7;font-size:1.5em;transition:background-color .5s}footer a{display:inline-flex;align-items:center;gap:.5em;color:#0000d6;margin:0}footer>h3{font-size:1.5em}.logo{height:3em;width:3em}.logo:hover,a:hover{transition:.1s}.logo:hover path{opacity:60%}#georgeFooter{margin:0}footer p{margin-top:.5em;margin-bottom:.5em}#emailLink{font-size:.75em}.animation{background-color:#fff}.original{background-color:#d3d3d3}@media(min-width:750px){#emailLink{font-size:1em}}#homeContainer{width:auto;display:flex;flex-direction:column;padding:0}.card{display:flex;flex-direction:column;margin:0 0 1em;padding:10px}#lastCard{border-bottom:0px}.cardContent{display:flex;flex-direction:column;padding:1em;flex:1 1 0;text-align:left}.cardDescription{text-align:left;margin:0}.screenshotContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0;padding:0}.screenshotDesk,.screenshotMobile{width:100%;max-height:50vh}.githubLine{display:inline-flex;justify-content:center}.githubLine a{display:inline-flex;align-items:center}.logoSmall{height:2em}.logoSmall:hover path{opacity:60%}#homeContainer>h2{margin-bottom:0;padding-left:10px;padding-right:10px}h3>a{font-weight:700}.cardContent>h3{font-size:1.25em}@media(min-width:750px){#homeContainer{margin-left:5vw;margin-right:5vw;box-sizing:content-box}#homeContainer>h2{margin-bottom:1em}}@media(min-width:1000px){#homeContainer{margin-left:10vw;margin-right:10vw;box-sizing:content-box}.card{flex-direction:row}.cardContent{padding-left:.5em;justify-content:center}.screenshotContainer{flex:2 1 0;gap:.5em;flex-direction:row;padding:1em;background-color:#f5f5f5}.screenshotDesk:hover,.screenshotMobile:hover{opacity:50%;border:solid 5px darkgray;margin:-5px}.cardDescription{padding-right:1.5em}}@media(max-width:750px){.screenshotDesk{display:none}}#aboutContainer{text-align:left;margin-left:10vw;margin-right:10vw}#aboutContainer>h2{text-align:center}#George{height:15vh;width:15vh;border-radius:10px;margin:10px;float:left}#skillsContainer{background-color:#f5f5f5;text-align:center;margin:5px;padding:10px;border-radius:5px}#skillsLogos{display:flex;align-items:center;justify-content:center;flex-direction:column}.aboutLogo{height:50px;width:auto}.skillRow{width:100px;margin:10px}.skillRow>p,#skillsContainer>h3{margin:0}@media(min-width:750px){#skillsLogos{flex-direction:row}#aboutContainer{margin-left:20vw;margin-right:20vw}}