@font-face {
	font-family: multivac;
	src: url('../Fonts/multivac-interference.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


body {
	background-color: #c2b2f0;
}

header.introducton {
	border-style: outset;
	border-color: black;
	border-radius: 10px;
	background-image: url('../Images/Baby_opossum.jpg');
	text-shadow: 5px 5px rgba(0, 0, 0, 0.5);
	color: white;
	padding-right: 10px;
	padding-bottom: 10px ;
	text-align: right;
	vertical-align: bottom;
	font-size: 30px;
	width: 230px;
	height: 360px;
	background-size: cover;
	font-family: 'multivac';
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
	margin-bottom: 20px;
}

aside.aboutMe {
	background-color: #BCABCC;
	border-style: outset;
	border-color: black;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 220px;
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}

div.sideBar {
	position: absolute;
	width: 240px;
}

div.main {
	position: absolute;
	margin-left: 280px;
}

section.quote {
	background-color: white;
	border-style: outset;
	border-color: black;
	border-radius: 10px;
	margin-bottom: 20px;
	width: 80vw;
	padding: 10px;
	font-style: italic;
	font-size: 20px;
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}

div.icons {
	border-style: outset;
	border-color: black;
	border-radius: 10px;
	background-color: #BCABCC ;
	background-size: cover;
	height: 200px;
	width: 200px;
	margin-bottom: 20px;
	margin-right: 20px;
	text-align: center;
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}

a {
	color: white;
	text-decoration: none;
}