/* 
	Syntax for CSS
	selector {
		property: value
	}
 */

* {
	font-family: "Roboto", sans-serif;
	/* boldness or darkness ng font */
	font-weight: 400;
	font-style: normal;
}

h1, p {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
}

#profile {
	height: 250px;
	width: 250px;
	border-radius: 50%;
	filter: blur(5px);
	transition: ease-in-out 0.25s;
}

#profile:hover {
	transition: ease-in-out 0.25s;
	filter: none;
	border-radius: 10px;
}

body {
	background-color: #000010;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Cpath fill='none' stroke-width='1' id='a' d='M0.74-509.63l485.39 352.65l-185.4 570.61h-599.97l-185.4-570.61L0.74-509.63 M0.74-510.87l-486.56 353.51l185.85 571.99h601.42L487.3-157.36L0.74-510.87L0.74-510.87z'/%3E%3C/defs%3E%3Cg style='transform-origin:center'%3E%3Cg transform='' style='transform-origin:center'%3E%3Cg transform='rotate(-160 0 0)' style='transform-origin:center'%3E%3Cg transform='translate(1000 750)'%3E%3Cuse stroke='%23000010' href='%23a' transform='rotate(10 0 0) scale(1.1)'/%3E%3Cuse stroke='%23091326' href='%23a' transform='rotate(20 0 0) scale(1.2)'/%3E%3Cuse stroke='%2300213e' href='%23a' transform='rotate(30 0 0) scale(1.3)'/%3E%3Cuse stroke='%23003055' href='%23a' transform='rotate(40 0 0) scale(1.4)'/%3E%3Cuse stroke='%2300416c' href='%23a' transform='rotate(50 0 0) scale(1.5)'/%3E%3Cuse stroke='%23005280' href='%23a' transform='rotate(60 0 0) scale(1.6)'/%3E%3Cuse stroke='%23006391' href='%23a' transform='rotate(70 0 0) scale(1.7)'/%3E%3Cuse stroke='%2300769d' href='%23a' transform='rotate(80 0 0) scale(1.8)'/%3E%3Cuse stroke='%230088a3' href='%23a' transform='rotate(90 0 0) scale(1.9)'/%3E%3Cuse stroke='%23009aa3' href='%23a' transform='rotate(100 0 0) scale(2)'/%3E%3Cuse stroke='%2300ac9e' href='%23a' transform='rotate(110 0 0) scale(2.1)'/%3E%3Cuse stroke='%2300be92' href='%23a' transform='rotate(120 0 0) scale(2.2)'/%3E%3Cuse stroke='%2300cf80' href='%23a' transform='rotate(130 0 0) scale(2.3)'/%3E%3Cuse stroke='%2300e069' href='%23a' transform='rotate(140 0 0) scale(2.4)'/%3E%3Cuse stroke='%2300f049' href='%23a' transform='rotate(150 0 0) scale(2.5)'/%3E%3Cuse stroke='%230F0' href='%23a' transform='rotate(160 0 0) scale(2.6)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;

	color: white;

	background-position: center;
}

#landing {
	height: 80vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

footer {
	background-color: black;
	width: 100%;
	display: flex;

	justify-content: center;

	align-items: center;

	padding: 10px;
}

.fa-globe, .fa-brands {
	font-size: 25px;
	color: white;

	margin: 0 10px 0 10px;
}

.fa-globe:hover, .fa-brands:hover {
	color: gray;
}

.container {
	margin-top: 25px;
	border: 15px solid white;
	backdrop-filter: blur(5px);
}