html,body{color:#eee;margin:0;padding:1rem}html{font-family:"Roboto","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:20px;overflow-y:auto}body{background-color:#000;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:#eee}a:hover{color:#ccc}h1{font-size:6rem;font-weight:100;text-shadow:2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000}@media screen and (max-width: 980px){h1{font-size:3rem}}h2{font-size:2rem;font-weight:100;text-shadow:2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000}p{font-family:"Lora","Times","Times New Roman",serif;font-weight:300;line-height:1.7;text-shadow:2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000}img.portrait{border-radius:50%;border:20px solid #eee;width:300px;height:300px}.portrait-container{border-radius:50%;border:65vw solid rgba(255,255,255,0.1);margin:-63vw;height:340px;width:340px}main{display:flex;flex-direction:row}@media screen and (max-width: 980px){main{flex-direction:column}}.content{margin-left:1rem;max-width:50vw}@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}