body {
	background-image: url("../assets/images/blue-flowers2.jpg");
	background-size: 300%;
}

h1 {
	font-family: gregi;
	font-size: 3em;
	margin-inline:auto;
}

#tutorials {
	.container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		gap: 1rem;
		& img {
			max-width: 300px;
			opacity: 0.7;
			transition: 300ms;
			&:hover {
				opacity: 1;
			}

		}
		& a {
			border-radius: var(--br);
			background: rgba(0, 24, 52, 0.2);
			backdrop-filter: blur(20px); 
			-webkit-backdrop-filter: blur(10px);
			position: relative;
			border-bottom: 5px solid rgba(0, 0, 0, 0.2);
			&:hover {
				transform: scale(1.02);
			}
			&:visited {
				border-bottom: 5px solid rgb(0, 119, 255);
			}

		}
	}
}