body {
	font-family: Roboto, sans-serif;
	margin: 0;
	padding: 0;
	background-image: url("./bg.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 85%;
	background-color: #000000;
	background-attachment: fixed;
	color: #A2B2C2;
}

.content {
    background-color: rgba(40, 184, 176, 0.15);
    color: rgb(0, 208, 0);
    padding: 15px;
    text-align: center;
    flex-shrink: 0;
	font-size: 2em;
}

.button {
	border-width: 75px;
	--radius: 2px;
    margin: 30px auto 0;
    padding: 8px 28px 8px 27px;
	color: #000000 !important;
    background-color: #00b900 !important;
	border-radius: var(--top-left-radius, var(--border-top-left-radius, var(--radius, var(--border-radius, 0)))) var(--top-right-radius, var(--border-top-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-right-radius, var(--border-bottom-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-left-radius, var(--border-bottom-left-radius, var(--radius, var(--border-radius, 0)))) !important;
	flex-shrink: 0;
}

.button:hover {
	border-width: 75px;
	--radius: 2px;
    margin: 30px auto 0;
    padding: 8px 28px 8px 27px;
	color: #000000 !important;
    background-color: #478ac9 !important;
	border-radius: var(--top-left-radius, var(--border-top-left-radius, var(--radius, var(--border-radius, 0)))) var(--top-right-radius, var(--border-top-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-right-radius, var(--border-bottom-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-left-radius, var(--border-bottom-left-radius, var(--radius, var(--border-radius, 0)))) !important;
	flex-shrink: 0;
}

#footer {
    background-color: rgba(40, 184, 176, 0.15);
    color: rgb(0, 208, 0);
    text-align: center;
    padding: 10px;
	width: -webkit-fill-available;
    bottom: 0;
}

.name {
	width:470px;
}

a:link {
	color: rgb(0, 208, 0);
}

a:link:hover {
	color: rgb(255, 208, 0);
}
.button {
	border-width: 75px;
	--radius: 2px;
    margin: 30px auto 0;
    padding: 8px 28px 8px 27px;
	color: #000000 !important;
    background-color: #00b900 !important;
	border-radius: var(--top-left-radius, var(--border-top-left-radius, var(--radius, var(--border-radius, 0)))) var(--top-right-radius, var(--border-top-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-right-radius, var(--border-bottom-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-left-radius, var(--border-bottom-left-radius, var(--radius, var(--border-radius, 0)))) !important;
	flex-shrink: 0;
}

.button:hover {
	border-width: 75px;
	--radius: 2px;
    margin: 30px auto 0;
    padding: 8px 28px 8px 27px;
	color: #000000 !important;
    background-color: #478ac9 !important;
	border-radius: var(--top-left-radius, var(--border-top-left-radius, var(--radius, var(--border-radius, 0)))) var(--top-right-radius, var(--border-top-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-right-radius, var(--border-bottom-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-left-radius, var(--border-bottom-left-radius, var(--radius, var(--border-radius, 0)))) !important;
	flex-shrink: 0;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}