*{
	margin: 0;
	overflow: hidden;
}

.title {font-size: 32px;}

#pfp {
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a {
	font-size: 23px;
	color: rgb(255, 255, 255);
	text-decoration: none;
	transition: ease-in-out color 0.5s;
}

a.steamcolor {color: rgb(50, 154, 233);}
a.instacolor {color: rgb(255, 0, 204);}
a.lastfmcolor {color: rgb(0, 184, 230);}
a.gitcolor {color: rgb(51, 255, 153);}
a.twittercolor {color: rgb(255, 255, 255);}
a.twittercolor:hover {color: rgb(65, 65, 65);}
a.colorwhite {color: rgb(255, 255, 255);}
a:hover {color: rgb(255, 255, 255);}

body {
	font-family: 'Montserrat';
	font-size: 21px;
	background-attachment: fixed;
	background: linear-gradient(-45deg, #c90a0a, #aa1c74, #7e13a5, #be5f42);
	background-size: 350% 350%;
	animation: gradient 18s ease infinite;
	height: 100vh;
	display: grid;
	align-items: center;
	justify-content: center;
	text-align:center;
}

.bglass {
	width: 25rem;
	height: 30rem;
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .42); 
	border-radius: 7px;
	background-color: rgba(0, 0, 0, .42);
	backdrop-filter: blur(5px);
}

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

#content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-shadow: 2px 2px #000;
}

img {
	height: 250px;
	width: 250px;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXx-p7K4KLjztg.woff) format('woff');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXx-p7K4KLjztg.woff) format('woff');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXx-p7K4KLjztg.woff) format('woff');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXx-p7K4KLjztg.woff) format('woff');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXx-p7K4KLg.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }