body { background-image: url('/src/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;
}

.contact-item {
    display: flex;
    align-items: center;   /* vertically centers text to icon */
    gap: 12px;             /* space between icon and text */
    padding: 8px 12px;
    border-radius: 8px;
    transition: background 0.2s ease;
}.contact-item a {
	color: #00f5ff;
}.contact-item img {
	width: 25px;
}