/**
* General
*/
html {
	background-color: #0c0422 !important;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
	scroll-behavior: smooth;
}

/**
* Typography
*/
@font-face {
	font-family: 'Fortnite';
	src: url('/fonts/fortnite/BurbankBigCondensed-Black.woff2'),
		url('/fonts/fortnite/BurbankBigCondensed-Black.woff');
	font-display: swap;
}

body {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

h1 {
	color: white;
	font-size: 2.441rem;
	margin-bottom: 3rem;
}
h1 { font-size: 2.441rem; }
h2 { font-size: 1.953rem; }
h3 { font-size: 1.563rem; }
h4 { font-size: 1.25rem;  }
h5 { font-size: 1rem;     }
h6 { font-size: 0.8rem;   }

h1, h2, h3, h4, h5, h6 {font-weight: 700;}

.section-title {
	font-family: 'Fortnite';
    font-weight: 700;
    font-style: normal;
}

.notification {
	padding: 1rem;
}
  
.stat-label {
	font-weight: bold;
}

/**
* Header
*/
h1 img {
	width: clamp(14rem, 30vw, 25rem);
}

/**
* Sections
*/
.section-title {
	color: white;
	margin-bottom: 1rem;
	margin-top: 3rem;
}

/**
* User Rows
*/
.box {
	background: black !important;
	box-shadow: 0 .35rem 1rem -.25rem rgba(158, 114, 195, .25) !important;
	cursor: pointer;
}

.collapse-body {
	display: none;
}

.collapse-body .columns.is-multiline {
	margin-top: 1rem;
}

.box.expanded > .collapse-body {
	display: block;
	padding-top: 1rem;
}

.collapse-body .box {
	background: #0c0422 !important;
}

.collapse-body .box .win-rate {display: none;}

.avatar {
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 50%;
	height: 3rem;
	overflow: hidden;
	width: 3rem;
}

.avatar.the_white--mist {background-image: url('/avatars/the_white--mist.jpg');}
.avatar.kimbus_2000 {background-image: url('/avatars/kimbus_2000.jpg');}
.avatar.sublimemopar {background-image: url('/avatars/sublimemopar.jpg');}
.avatar.jendlepea {background-image: url('/avatars/jendlepea.jpg');}

.top-performer {color: #d4af37;}

@media (min-width: 48rem) {

}

/**
* Videos
*/
.embed-container {
	border-radius: 12px;
	box-shadow: 0 .35rem 1rem -.25rem rgba(158, 114, 195, .25) !important;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 2rem;
	max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (min-width: 48rem) {
	.videos__grid {
		display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: auto;
			gap: 2rem;
	}

	.videos__grid .embed-container {
		margin-bottom: 0;
	}
}