html,body{color:#fff}html{font-family:"Roboto","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:16px}body{background:url("/images/background.jpg");background-repeat:no-repeat;background-attachment:fixed;background-size:cover;margin:0 auto}body main{overflow:hidden}@media screen and (max-device-width: 750px){body main{width:640px;height:900px}}a{-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;transition:color 0.2s ease-out;color:#fff}a:hover{color:#88fcf0}h1{font-size:3.3rem;font-weight:400;margin-top:2rem;margin-bottom:0rem}@media screen and (max-width: 980px){h1{font-size:3rem}}h2{margin-top:2rem;margin-bottom:0rem;font-size:3rem;font-weight:200}p{font-family:"Lora","Times","Times New Roman",serif;font-weight:300;line-height:1.7}img.portrait{padding:1rem;margin-top:28rem;border-radius:50%;width:300px;height:300px;object-fit:cover}@media screen and (max-width: 980px){img.portrait{margin-top:0rem}}.portrait-container{position:fixed;border-radius:30%;border:60rem solid rgba(0,0,0,0.4);margin-left:-60rem;margin-top:-88rem;height:0px;width:0px}@media screen and (max-width: 980px){.portrait-container{border:30rem solid rgba(0,0,0,0.4);margin-left:-68rem;margin-top:-68rem;border-radius:0%;border:68rem solid rgba(0,0,0,0.4)}}.portrait-container .links{margin-left:1rem;display:flex;text-align:center}@media screen and (max-width: 980px){.portrait-container .links{margin-top:18rem;text-align:left}}.portrait-container .links div div{padding-bottom:1rem;font-size:1.2rem;width:300px;font-weight:200}.content{top:0;position:absolute;margin-top:0rem;margin-left:25rem;max-width:35vw}@media screen and (max-width: 980px){.content{margin-top:18rem;margin-left:1rem;max-width:100vw}}.footer{margin-top:3rem;font-size:0.75rem}