body { background-image: url('bg.jpg'); background-size: cover; 
	padding-left:10px; padding-top:5px; font-family: "Fira Code"; 
	color: grey; font-weight: bold;
}a {
	color: #f348f3; text-decoration: none;
}a:hover, a:active {
	color: purple;
}.center {
	text-align: center;
}.right {
	display: inline-block; float: right;
}.box {
	padding: 5px; margin-bottom: 10px; display: inline-block; 
	background:rgba(0, 0, 0, 0.7); border: 2px solid #000; 
	border-radius: 25px; width: 550px;
}.wrapper {
	display: grid; grid-gap: 10px;
}.info {
	grid-column: 1; grid-row: 1; font-weight: normal; 
	padding-bottom: 10px;
}.neofetch {
	grid-column: 1; grid-row: 2;
}.works {
	grid-column: 1; grid-row: 3;
}.logo {
	grid-column: 2; grid-row: 1 / 10;
}.wrapperleft {
	width: 600px;
}.logo img {
	max-width: 100%; height: auto;
}