default.css

@font-face{font-family:Caslon;src:url(resources/caslon.ttf)}h1{font-weight:100;margin-bottom:.1em}h1,h2{letter-spacing:1;font-family:Caslon;color:#333;font-size:3.6rem}h2{text-align:center;margin-top:0;font-weight:400;margin-bottom:2rem}h3{letter-spacing:normal;font-weight:400}h3,p{font-size:1.6em;font-family:Source Sans Pro;color:#333}p{display:inline-block;width:30rem}p a,p a:visited{color:#333;text-decoration:none}br{line-height:150%}body{padding:0;padding-bottom:.5em}body,nav ul{margin:0;background-color:#fff}nav ul{position:fixed;top:0;right:0;display:flex;justify-content:flex-end;width:100%;padding:.5em 0;height:2.3rem;z-index:1}nav ul li{padding:.2em 1em;border-left:2px solid #333;display:inline-block}nav ul li:first-child{border-left:none}li>a{font-size:1.4em;font-family:Source Sans Pro;text-decoration:none;cursor:pointer}li>a,li>a :visited{color:#333}.arrow{cursor:pointer;width:2.5em;display:block;margin:0 auto}#contact{text-align:center;padding-bottom:3em}#contact h2{margin-left:0;text-align:center;margin-bottom:0}#contact .flex{margin-top:6rem}#contact img{width:4em;margin:0 4rem;display:inline-block}#aboutme{position:relative;margin-bottom:4em}#aboutme img{left:52%;width:20rem;height:30rem}#aboutme img,#aboutme p{margin-top:2em;position:absolute}#aboutme p{right:52%;text-align:right}.flex{display:flex;justify-content:center;align-items:center}#home{margin-top:3.3rem;height:27vh;padding:30vh 0;text-align:center}#aboutme,#projects{min-height:87vh}#aboutme,#contact,#projects{padding-top:13vh}.project{margin-bottom:2em;display:flex;flex-direction:row;justify-content:center}.project h3{text-align:right;margin-top:1rem;vertical-align:top;display:inline-block;font-family:Caslon;color:#333;font-size:2.7em;width:16.5em}.project p{width:20em;padding-right:8em;padding-left:2em}.project a,.project a:visited{color:#333;text-decoration:none}.project a:hover,.project p a{text-decoration:underline}