:root{--font-default:'Anonymous Pro','Inter',sans-serif;--font-heading:'DM Serif Display',serif;--color-darkest:#624E88;--color-dark:#8967B3;--color-light:#CB80AB;--color-lightest:#E6D9A2}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{font-size:100%}body{padding:50px 5%;background-color:var(--color-lightest);font-family:var(--font-default)}@media only screen and (max-width:425px){html{font-size:80%}body{padding:25px 5%}}.header{margin:0 auto;padding:0;width:800px;max-width:100%}.title{font-family:var(--font-heading);font-size:3rem;text-align:center;text-shadow:0 10px 10px #fff;color:var(--color-darkest)}.content{margin:20px auto 0;padding:0;width:800px;max-width:100%}.article{margin:0 0 20px;padding:20px;background-color:var(--color-light);border-radius:20px}.article:nth-of-type(2n){background-color:var(--color-dark);color:#fff}.article:last-of-type{margin-bottom:0}.article-header{margin:0;padding:0}.subject{margin:0;padding:0}.subject h2{margin:0;padding:0;font-family:var(--font-heading);font-size:2rem}.avatar{margin:0;padding:0;float:right}.avatar img{margin:0;padding:0;display:block;width:100px;height:100px;border-radius:100%}.article-content{margin:0;padding:0;line-height:1.5;font-size:1.25rem}.article-content a{background-color:var(--color-darkest);text-decoration:none;color:#fff}.article-content a:hover{text-decoration:underline}.article:nth-of-type(2n) .article-content a{background-color:var(--color-lightest);color:var(--color-darkest)}.article-footer{margin:0;padding:0}.meta{margin:0;padding:0}.meta ul{margin:0;padding:0;list-style:none}.meta li{display:inline-block;margin:0 5px 0 0;padding:10px;background-color:var(--color-darkest);border-radius:10px;font-size:.8rem;text-transform:uppercase;color:#fff}.article:nth-of-type(2n) .meta li{background-color:var(--color-lightest);color:var(--color-darkest)}.meta li:last-of-type{margin-right:0}.footer{margin:20px auto 0;padding:0;width:800px;max-width:100%;text-align:center}.footer p{margin:20px 0 0;padding:0}.footer a{-webkit-text-decoration-style:wavy;text-decoration-style:wavy;-webkit-text-decoration-color:var(--color-light);text-decoration-color:var(--color-light);color:var(--color-darkest);transition:all .3s linear}.footer a:focus,.footer a:hover{-webkit-text-decoration-color:var(--color-darkest);text-decoration-color:var(--color-darkest)}