/**
 * fuck you brah
 *
 * @format
 */

* {
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

html {
	height: 100%;
}

body {
	padding: calc(5% - 20px);
	background-color: black;
	color: white;
	min-height: 100vh;
	box-sizing: border-box;
}

/* font shit and cute lil cursor */
* {
	font-family:
		Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial,
		sans-serif;
	font-size: clamp(16px, 1.5vw, 24px);
	text-rendering: geometricPrecision;
	cursor: url(cursor.png), auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}

#content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 5px;
	gap: 15px;
}

#projects {
	padding: 15px;
	flex: 1 1 300px;
	border: 1px solid blue;
	box-sizing: border-box;
}

#connect {
	padding: 15px;
	flex: 1 1 300px;
	border: 1px solid red;
	box-sizing: border-box;
}

#about {
	padding: 15px;
	flex: 1 1 300px;
	border: 1px solid green;
	box-sizing: border-box;
}

#services {
	padding: 15px;
	flex: 1 1 300px;
	border: 1px solid purple;
	box-sizing: border-box;
}

#projects:hover {
	box-shadow: 0 0 10px blue;
}
#connect:hover {
	box-shadow: 0 0 10px red;
}
#about:hover {
	box-shadow: 0 0 10px green;
}
#services:hover {
	box-shadow: 0 0 10px purple;
}