body{font-family:"Alegreya Sans",sans-serif;margin:0;background-color:#f5f5f5;font-size:1.2rem;color:#212121}a{color:#212121}strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-family:"Alegreya",serif}main{margin:0 5%;animation:1s ease-out 0s 1 fadeIn}.filler{padding-top:60px}.landing{background-color:#20291e;color:#f5f5f5;height:100vh;width:100vw;font-family:"Alegreya",serif}.landing p{text-align:right;font-size:1.5rem;position:absolute;margin:0 5% 10% 20%;bottom:0;animation:1s ease-out 0s 1 slideInFromRight;z-index:1}.landing .portrait{position:absolute;background-image:linear-gradient( rgba(30,32,41,0.6),rgba(30,32,41,0.6) ),url(/images/me.jpg);background-size:cover;height:50%;width:80%;position:absolute;bottom:15%;left:5%;animation:1s ease-out 0s 1 slideInFromLeft}@media (min-width:48em){main{margin:0 25%}.landing p{font-size:2.5rem}.landing .portrait{height:50%;width:50%}}@keyframes slideInFromRight{0%{transform:translateX(5%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translateX(-5%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}