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

    color:  #1d1d1d;
    height: 100%;
    background: linear-gradient(-45deg, #a08f20, #0d526c, #030511);
	background-size: 400% 400%;
	animation: gradient 30s 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; text-decoration: none; mix-blend-mode: luminosity;}
a:hover, a:active { text-decoration: underline; color: #616161;}
svg path { stroke: rgb(215, 215, 215); fill:rgb(214, 214, 214);}
svg { mix-blend-mode: luminosity;}
.mg {float: right;}
.sg {float: left;}

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