spacehey-com-profile.css

	@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap');

	body {
		background-image: url(https://images.unsplash.com/photo-1495430288918-03be19c7c485?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80);
		background-repeat: no-repeat;
		background-position: center 60%;
		background-size: cover;
		background-attachment: fixed;
	}
	body * {
		font-family: Inter, sans-serif;
	}

	main {
		background-color: rgba(255,255,255,0.95);
	}

	.container {
		margin: 32px auto;
		box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .25);
	}

	.top {
		border-radius: 8px 8px 0px 0px;
	}
	footer {
		border-radius: 0px 0px 8px 8px;
		margin-top: 0;
		border-top: 1px solid #d0c9c9;
	}


	.profile h1 {
		font-weight: 800;
		font-size: 2rem;
	}

	.heading h4 {
		font-weight: 800;
	}

	.profile .friends .person img:not(.icon) {
		object-fit: cover;
		border-radius: 50%;
		height: 80px;
		width: 80px;
	}

	/* online indicator */
	p.online {
		display: flex;
		align-items: center;
	}
	p.online:before {
		display: inline-block;
		content: ' ';
		width: 1em;
		height: 1em;
		background-color: green;
		border-radius: 50%;
		animation-name: blink;
		animation-iteration-count: infinite;
		animation-timing-function: cubic-bezier(1.0,0,0,1.0);
		animation-duration: 2s;
		margin-right: 4px;
	}
	.online img {
		display: none;
	}

	/* MOBILE VERSION */
	@media (max-width: 600px) {
		.container {
			margin-bottom: 0;
		}
		footer {
			border-radius: 0px;
			margin-bottom: 0;
		}
	}