body,html,.app{margin:0;padding:0;font-family:Arial,sans-serif;box-sizing:border-box;background:#f4f0ef;height:100%;font-family:Lekton,serif}body a{color:#000}.app{display:flex;flex-direction:column;min-height:100vh}.portrait{max-width:100%}.header{display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:14px;font-family:Eczar,serif}.logo{display:flex;align-items:center;text-decoration:none;color:#000}.logo-box{width:30px;height:30px;background-color:#ff3600;margin-right:10px}.name{display:flex;flex-direction:column;line-height:1.2;margin-top:4px}.links{display:flex;flex-direction:column;gap:0px;line-height:1.2em}.links a{text-decoration:none;color:#000;font-size:14px}.links a:hover{text-decoration:underline}.footer{text-align:center;padding:10px;font-size:12px}@media (max-width: 768px){.header{flex-direction:row;align-items:flex-start}.links{align-self:flex-end;text-align:right}}.page{padding:20px;justify-content:center;align-items:center;flex-grow:1;width:100%;box-sizing:border-box}.intro{list-style-type:none;margin:0 0 40px;padding:0}.intro li{margin-bottom:10px}.about-para{max-width:400px;line-height:1.5em}@media (min-width: 769px){.header{flex-direction:row;align-items:flex-start}.links{position:fixed;flex-direction:row;justify-content:space-between;bottom:0;width:100%;box-sizing:border-box;left:0;padding:10px 20px}.name{flex-direction:row}.name span{margin-right:5px;font-size:22px}body{font-size:14px}.portrait{max-height:80vh;position:fixed;right:50%;transform:translate(50%);top:10vh}}