html {
    font-family: sans-serif;
    
    /* background-color: #f0f0f0;
    height: 100%; */

    color:  #1d1d1d;
    height: 100%;
    background: linear-gradient(-45deg, #43247d, #0d526c, #195346);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
	height: 100vh;

    }
body {height: 95%; max-width: 32rem;
    margin: auto;}
main {min-height: 80%; margin: auto; padding-top: 2rem;}
a {color:  #adadad;  font-size: 14px; float: right; text-decoration: none; mix-blend-mode: luminosity;}
a:hover, a:active { text-decoration: underline; color: #616161;}
svg path { stroke: rgb(242, 24, 24); fill:rgb(239, 33, 33);}

svg { mix-blend-mode: luminosity;}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}