@font-face {
	font-family: husky;
	src: url(resources/Husky\ Stash.otf);
}

.maag {
	text-align: center;
	font-family: husky;
	font-size: 70pt;
	margin-top: 0;
}

body {
	background: linear-gradient(90deg, #0d003b, #071e22);
	background-repeat: no repeat;
	background-size: 100% 100%;
	color: white;
}

/* Styling the tabs themselves*/
.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #c0a5ff;
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: center;
}

.tabButton {
	flex-grow: 1;
}

/*Styling the buttons*/
.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
/*	align-self: stretch; */
	display: block;
	width: 100%;
}

/* Change color of buttons on hover */
.tab button:hover {
	background-color: #f5d9ff;
}

/* Creating "active" class */
.tab button.active {
	background-color: #abf7ff;
}

/* tab content */
.tabcontent {
	color: black;
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
	animation: fadeEffect 0.4s;
	animation-fill-mode: forwards;
}

@keyframes fadeEffect {
	from {opacity: 0; background-color: cyan;}
	to {opacity: 1; background-color: white;}
}

.refpics {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 5vmin;
}

.refpic_container {
	flex-shrink: 1;
	padding: 0.5vmin;
}

.refpic {
	max-width: 100%;
	max-height: 100%;
	height: 30vmin;
	display: block;
	position: relative;
	margin: 1.5vmin;
	border-radius: 5px;
}

.refpic:hover {
	max-width: 100%;
	max-height: 100%;
	animation: imageHover 0.1s;
	animation-fill-mode: forwards;
	position: relative;
}

@keyframes imageHover {
	from {height: 30vmin; margin: 1.5vmin;}
	to {height: 32vmin; margin: 0vmin;}
}

#gabberbuttoncontainer {
	display: flex;
	justify-content: center;
}

#gabberbutton {
	height: 20vmin;
	width: 40vmin;
}

.modalActive {
	animation: modalClick 0.1s;
}

@keyframes modalClick {
	
}

.music_links {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	justify-content: center;
	padding: 5vmin;
}