body{background-color:#eee1c5}#app{font-family:DM Serif Text,Alegreya Sans Regular,Alegreya Sans Medium,Alegreya Sans Light,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#080c0f;margin-top:60px;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}.flower-logo{position:absolute;top:10px;left:10px;width:160px;height:auto}.nav-container{position:absolute;top:250px;right:30px;max-width:300px;text-align:left}.nav-link{margin-bottom:10px;text-decoration:none;color:#ac774f;display:block;transition:transform .3s ease;font-size:50px}.nav-link:hover{transform:translateX(10px)}.home-page{font-family:"DM Serif Text Italic",sans-serif}.about-page{font-family:Font2,sans-serif}.projects-page{font-family:Font3,sans-serif}.contact-page{font-family:Font4,sans-serif}@media (max-width:768px){#app{align-items:center}.nav-container{position:absolute;top:250px;right:-10;margin-top:-60px;text-align:left}.nav-link{margin-left:0;font-size:16px}.flower-logo{width:120px}}.homeName{font-family:Alegreya Sans Regular,sans-serif;font-size:55px;margin-top:250px;margin-right:500px}.homeTitle{font-family:Source Sans Pro,sans-serif;margin-top:10px;font-size:30px;margin-right:500px}@media (max-width:768px){.homeName{margin-top:-280px;font-size:20px}.homeName,.homeTitle{margin-right:90px;text-align:center}.homeTitle{margin-top:30px;font-size:15px}}.container{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:20px}.aboutMe{margin-top:-60px}.aboutMeName{font-family:DM Serif Text,sans-serif;font-size:35px;margin-right:500px}.aboutMeTitle{margin-right:500px}.aboutMeTitle,.imageContainer{margin-top:-5px}.headshotImage{border-radius:50%;width:200px;height:280px;border:5px solid #cca066;display:block;margin:0 auto;margin-right:500px}.techSkills{margin-top:0;margin-right:500px}.aboutMeTitle,.techSkills{font-size:.95vw;text-align:left}@media (max-width:768px){.aboutMeName{margin-top:-120px;margin-right:0;font-size:35px}.aboutMeTitle{margin-right:0;font-size:2vw;text-align:left}.headshotImage{margin-top:-70px;margin-right:0;width:140px;height:190px;border-width:3px}.techSkills{margin-right:0;font-size:2vw;text-align:left}}.projectTitle{margin-right:200px;font-size:45px;font-weight:700;margin-top:100px}.scrollableSection{margin-right:200px;overflow-y:auto;max-height:500px;margin-left:10px;margin-bottom:60px}.scrollBox{border:1px solid #ccc;padding:10px;margin-bottom:10px}.PetShelterWebpage,.chatRHN,.eightball,.flashCards,.portfolio,.vendingMachine{margin-right:10px;margin-bottom:20px;text-align:left;font-size:1vw}.PetShelterWebpage a:link,.PetShelterWebpage a:visited{color:#5e391bef}.PetShelterWebpage a:active,.PetShelterWebpage a:hover{color:#a67b5b}.portfolio a:link,.portfolio a:visited{color:#5e391bef}.portfolio a:active,.portfolio a:hover{color:#a67b5b}.eightball a:link,.eightball a:visited{color:#5e391bef}.eightball a:active,.eightball a:hover{color:#a67b5b}.flashCards a:link,.flashCards a:visited{color:#5e391bef}.flashCards a:active,.flashCards a:hover{color:#a67b5b}.vendingMachine a:link,.vendingMachine a:visited{color:#5e391bef}.vendingMachine a:active,.vendingMachine a:hover{color:#a67b5b}.chatRHN a:link,.chatRHN a:visited{color:#5e391bef}.chatRHN a:active,.chatRHN a:hover{color:#a67b5b}@media (max-width:768px){.container{justify-content:flex-end;text-align:right;padding-right:30px}.projectTitle{margin-right:140px;text-align:right;margin-top:-10px}.scrollableSection{margin-right:80px;font-size:12px}.scrollBox{margin-right:20px;width:280px}.nav-link{margin-right:0}.PetShelterWebpage h3,.nav-link{text-align:right}}.contactTitle{margin-right:500px;font-size:45px;margin-top:100px}.emailInfo,.resume-router-link,.router-links-github,.router-links-linkedin{margin-right:500px;font-size:25px;margin-bottom:50px}.router-links-linkedin a:link,.router-links-linkedin a:visited{color:#5e391bef}.router-links-linkedin a:active,.router-links-linkedin a:hover{color:#a67b5b}.router-links-github a:link,.router-links-github a:visited{color:#5e391bef}.router-links-github a:active,.router-links-github a:hover{color:#a67b5b}.resume-router-link a:link,.resume-router-link a:visited{color:#5e391bef}.resume-router-link a:active,.resume-router-link a:hover{color:#a67b5b}.emailInfo{color:#5e391bef}@media (max-width:768px){.container{justify-content:flex-end;text-align:right;padding-right:30px}.contactTitle{font-size:20px;margin-right:45px;text-align:right;margin-top:-190px}.emailInfo,.resume-router-link,.router-links-github,.router-links-linkedin{margin-right:30px;font-size:14px;text-align:center}}