@import './fontawesome.min.css';
@import './fonts/asap.css';
@import './fonts/muli.css';
@import './bulma.min.css';

/* Main CSS for all of the HTML */
html, body {
	background-color: #111;
  height: 100%;
  width: 100%;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Miscellaneous stuff like images */
.avatar {
	border-radius: 50%;
	height: 242px;
	border: 5px solid #EFABCF;
	width: 242px;
}

.is-dark {
	background-color: #111;
}

.is-light-dark {
  background-color: #333;
}

.is-white {
  color: white;
}

h1.title,
p.subtitle {
	font-family: Asap, sans-serif;
	color: white;
}

/* Sizes */

.inButtonSize {
  font-size: 50px !important
}

/* Colors */
.github {
	background-color: #333;
	color: white;
}

.generalColor {
	background-color: #333;
	color: white;
}

.discord {
	background-color: #7289DA;
	color: white;
}

.plain {
	background-color: #8763B9;
	color: white;
}

.twitter {
  background-color: #1DA1F2;
  color: white;
}

.reddit {
  background-color: #FF4500;
  color: white;
}

.spotify {
  background-color: #1DB954;
  color: #111;
}

.steam {
  background-color: #000;
  color: white;
}

.twitch {
  background-color: #6441A4;
  color: white;
}

.tele {
  background-color: #0088CC;
  color: white;
}

.linkedin {
  background-color: #0A66C2;
  color: white;
}

.github:hover,
.discord:hover,
.plain:hover,
.twitter:hover,
.reddit:hover,
.steam:hover,
.twitch:hover,
.tele:hover {
	color: white;
}

.spotify:hover {
  color: #111;
}

.card {
  background-color: #333;
  color: white;
}

.hoverable {
  text-decoration: none;
  padding-left: 5px;
  color: #777;
}

.hoverable:hover {
  color: #999;
}

.round {
  border-radius: 50%;
}

.subtitle-c {
  padding-bottom: 15px;
  padding-top: 0;
  font-family: 'Muli', sans-serif;
  font-size: 25px;
  color: white;
}

.title {
  font-family: 'Asap', sans-serif;
  color: white;
}

.artist-creds {
  padding-bottom: 0px;
  padding-top: 13px;
  color: #B4AA7F;
}

.subtitle {
  padding-bottom: 7px;
}

.grayed {
  background-color: #333;
}

::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
}