body {
	background-image: url("assets/background.jpeg");
	background-color: #cccccc;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.circular-portrait { 
	position: relative; 
	z-index: -1;
	width: 300px; 
	height: 300px; 
	overflow: hidden; 
	border-radius: 50%; 
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
	margin-bottom: 50px;
	box-shadow: 0px 0px 100px 20px black;
} 

.circular-portrait img { 
	width: 100%; 
	height: auto; 
}

.tag {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 20px;
	-webkit-filter: drop-shadow(0px 0px 5px #000000);
	filter: drop-shadow(0px 0px 5px #000000);
}

.tag-img {
	width: 300px;
}

.link-list {
	display: -webkit-flex; /* Safari */  
	display: flex;
	-webkit-align-items: center; /* Safari 7.0+ */
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-bottom: 50px;
}

.link-shadow {
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}

.link-shadow:hover {
	-webkit-filter: drop-shadow( 3px 3px 2px #a5a5a5);
	filter: drop-shadow( 3px 3px 2px #a5a5a5);
}

svg:hover .cls-1{
	stroke: #ffffff;
}
svg:hover .cls-2{
	fill: #ffffff;
}

.cls-1{
	fill: none;
	stroke: #d5d5d5;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.cls-2{
	fill: #d5d5d5;
}

.integrated {
	width: 500px; 
	height: 500px; 
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.integrated-img {
	width: 200px;
	margin-bottom: 10px;
}

.soundcloud-div {
	font-size: 15px; 
	color: #cccccc;
	line-break: anywhere;
	word-break: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; 
	font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;
	font-weight: 100;
}

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	-webkit-filter: drop-shadow(0px 0px 5px #000000);
	filter: drop-shadow(0px 0px 5px #000000);
}

.footer-img {
	width: 400px;
}