html,
body{color:#ffb;margin:0;padding:1rem}
html{font-family:"Roboto","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:12px;overflow-y:auto}
body{background-color:#8ff;background-repeat:no-repeat;background-attachment:fixed}
a{-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;transition:color 0.2s ease-out;color:#aff}a:hover{color:#ff8cff}
h1{font-size:6rem;font-weight:100;max-width:60%}@media screen and (max-width: 980px){h1{font-size:6rem}}
h2{font-size:2rem;font-weight:100}
p{font-family:"Lora","Times","Times New Roman",serif;font-weight:300;line-height:1.7;max-width:70%}
img.portrait{border-radius:40%;border:7px solid #cff;width:250px;height:250px}
.portrait-container{border-radius:50%;border:65vw solid #164972;margin:-64vw;height:264px;width:264px}
main{display:flex;flex-direction:row}@media screen and (max-width: 980px){main{flex-direction:column}}
.content{margin-left:4rem;max-width:59vw}@media screen and (max-width: 980px){.content{margin-left:0;max-width:100vw}}
.content .links{margin-top:2.5rem;font-size:1.5rem}.content .links a{margin-right:0.5rem;text-decoration:none}
.footer{margin-top:3rem;font-size:0.75rem}