:root {
	--page-background-color: #373255;
	--page-text-color: #FFF;
	--page-font-family: system-ui, -apple-system, "Helvetica", "Segoe UI", "Roboto", sans-serif;
	--page-font-size: 16px;
	--page-font-weight: 400;

	--avatar-max-size: 256px;
	--avatar-border-color: #000;
	--avatar-border-radius: 50%;

	--title-font-family: var(--page-font-family);
	--title-font-size: 24px;
	--title-font-weight: 500;

	--social-icon-size: 24px;
	--social-icon-color: #DDD;
	--social-hover-icon-color: #FFF;

	--link-background-color: #BBB;
	--link-text-color: #000;
	--link-border-color: var(--link-text-color);
	--link-hover-background-color: #DDD;
	--link-hover-text-color: #000;
	--link-hover-border-color: var(--link-hover-text-color);
}

.background {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-image: linear-gradient(#373255, #201d31);
}

.links a {
    background-image: linear-gradient(to right, #eca8db, #d7ccf4, #5c52b5);
}
.links a:hover {
    background-image: none;
}

.body {
    padding: 0 20%;
}

.body p {
    margin-top: 1em;
}