.aboutPage{width:70%;height:90%;vertical-align:middle;align-self:center;padding:1vw 2vw 2vw;margin:auto;background-color:hsla(0,3%,6%,.6);color:#eafffe}.aboutText{width:60%;padding-left:5%;text-align:left}#headshot{width:15vw;border-radius:10vw;margin-right:4vw;float:right}@media (max-width:768px){.aboutPage{width:90%;padding:4vw}.aboutText{width:100%;padding-left:0;text-align:center}#headshot{width:40vw;max-width:180px;border-radius:50%;float:none;display:block;margin:0 auto 4vw}}.header h1{float:left;vertical-align:middle;margin:auto 1vw auto 12.5vw;font-family:Roboto,sans-serif;color:#001b2e}.header ul{float:right;text-align:center;list-style-type:none;margin:auto auto auto 5vw;width:40%;overflow:hidden}li a{display:block;text-align:center;padding:2vw}li a,li a:hover{color:#001b2e;text-decoration:none}li a:hover{background-color:#ceeeec}@media (max-width:768px){.header{flex-direction:column;padding:3vw 0}.header h1{margin:0 0 3vw;text-align:center;font-size:6vw}.header ul{width:100%;margin-left:0;text-align:center}.header li{float:none;display:inline-block}.header li a{padding:2vw 3vw}}.project{padding-top:10px;max-width:70%;height:35vw;align-self:center;margin:auto}.project a{color:#000}.imgRight{width:20vw;margin-left:4vw;float:right}.imgLeft{width:20vw;margin-right:4vw;float:left}@media (max-width:768px){.project{max-width:90%;height:auto}.imgLeft,.imgRight{width:100%;max-width:280px;float:none;margin:0 auto 4vw;display:block}}.goodBooks{padding-top:10px;max-width:80%;border-radius:5px;align-self:center;margin:auto;background-color:#ceeeeca8}.goodBooks h1{padding-bottom:1vw}.goodBooks img{width:70%}.bookChoice{display:inline-block;max-width:28%;margin:1vw;vertical-align:top}@media (max-width:768px){.goodBooks{max-width:95%}.goodBooks img{width:50%}.bookChoice{display:block;max-width:100%;margin:4vw auto}}.header{display:flex;width:100%;justify-content:center;margin:auto;height:100%}.footer{padding:1vw}.footer ul{text-align:center;list-style-type:none;margin:auto auto auto 5vw;width:40%;overflow:hidden}li{float:right}.footer a{display:inline;color:#001b2e;text-align:center;margin:2vw;text-decoration:none}.footer h4{margin-top:0;margin-bottom:1vw}.footer a:hover{text-decoration:none;color:#001b2e;background-color:#ceeeec}@media (max-width:768px){.footer ul{width:100%;margin-left:0}.footer li{float:none;display:block}.footer a{display:block;margin:2vw auto}}