@import "fontawesome.css";
@import url("<link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" rel="stylesheet">");

:root{
    --blue:#007bff;
    --indigo:#6610f2;
    --purple:#6f42c1;
    --pink:#e83e8c;
    --red:#dc3545;
    --orange:#fd7e14;
    --yellow:#ffc107;
    --green:#28a745;
    --teal:#20c997;
    --cyan:#17a2b8;
    --white:#fff;
    --gray:#6c757d;
    --gray-dark:#343a40;
    --primary:#007bff;
    --secondary:#6c757d;
    --success:#28a745;
    --info:#17a2b8;
    --warning:#ffc107;
    --danger:#dc3545;
    --light:#f8f9fa;
    --dark:#343a40;
    --breakpoint-xs:0;
    --breakpoint-sm:576px;
    --breakpoint-md:768px;
    --breakpoint-lg:992px;
    --breakpoint-xl:1200px;
    --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
html{
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent
}

.main-button a{
    background-color:#141414;
    color:#fff;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.5px;
    font-weight:700;
    padding:12px 20px;
    display:inline-block;
    outline:none;
	text-decoration:none;
	font-family:inherit;
}
a.menu-link{
    display:none
}

button-border{
    padding:.2em .25em .15em;
    border:solid .08em #eee;
    border-radius:.1em
}

body {
	background-color: rgb(46, 46, 46);
	color: white;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-family: 'Lexend', sans-serif;
}

hr {
	width: 100%;
	margin: 30px;
}

img.pat {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	user-drag: none;  
    user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}

.jank-center {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.stats {
	height: 200px;
	width: 200px;
	background-color: rgba(50, 50, 50, 0.5);
	margin: auto;
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	text-align: center;
	flex-direction: column;
}

.btn {
	background-color: #3a3a3a;
	border: 0;
	border-radius: 4px;
	height: 30px;
	width: 100%;
	margin: 5px;
	font-family: 'Lexend', sans-serif;
	color: white;
}

.btn:hover {
	background-color: #505050;
}

.btn:focus {
	outline: 0;
}

.btn:active {
	background-color: #666666;
}

.card {
	border-radius: 8px;
	background-color: rgba(83, 83, 83, 0.5);
	width: 80%;
	max-width: 800px;
	text-align: center;
	margin: auto;
	margin-top: 50px;
	padding: 15px;
}