html, body
{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;

    background-image: linear-gradient(to bottom right,  #0AAEDB, #29F498);

    font-family: "Segoe UI Light", "Helvetica Neue Thin", "Roboto Thin";
    color: #808080;

    user-select: none;
}

.centered-wrapper
{
    position: relative;
    text-align: center;
}

.centered-wrapper:before
{
    content: "";
    position: relative;
    display: inline-block;
    width: 0; height: 100%;
    vertical-align: middle;
}

.centered-content
{
    display: inline-block;
    vertical-align: middle;
}

.big-text
{
	font-size: 72pt;

	color: transparent;
	background: linear-gradient(to top left, #255260, #286d63);
	-webkit-background-clip: text;
}

.small-text
{
	font-size: 24pt;

	color: transparent;
	background: linear-gradient(to top left, #255260, #286d63);
	-webkit-background-clip: text;
}

.bg-github 
{
    position: absolute;
    z-index: 2;
    top: 75%;
    left: 50%;
    transform: translate(-25%, -58%);
}

a, a:visited
{
	text-decoration: none;

	color: transparent;
	background: linear-gradient(to top left, #255260, #286d63);
	-webkit-background-clip: text;
}