a{
background-color: light-dark(white, #8f9093);
border: .0625rem solid light-dark(black, #a1a1a1);
border-radius: .313rem;
color: light-dark(black, black);
display: inline-block;
font-size: 1rem;
line-height: normal;
margin: 0 .75rem .75rem 0;
padding: .2rem;
text-align: center;
text-decoration: none;
}

a.img{
background-color: light-dark(#cccdd0, #8f9093);
border: none;
margin: 0;
padding: 0;
}

body{
background-color: light-dark(#cccdd0, #8f9093);
color: light-dark(black, black);
font-family: "times new roman", serif;
font-size: 1.125rem;
line-height: 2rem;
margin: auto;
max-width: 31.25rem;
padding: .625rem 1.25rem;
text-align: justify;
word-wrap: break-word;
}

figure{margin: 0;}

footer{height: calc(200vh/3);}

img{max-width: 100%;}

nav{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: .25rem 0 0 0;
}