* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	user-select: none;  
}

body, html {
	height: 100%;
	width: 100%;
}

input {
	outline: none;
	border: none;
}

button {
	outline: none !important;
	border: none;
	cursor: pointer;
}

.form {
	position: relative;
  	display: flex;
  	justify-content: center;
  	align-items: center;
	width: 100vw;
	min-height: 100vh;
	z-index: 1;
  	overflow: hidden;
}

.scoreboard {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0.8333333333vw 2.9166666666vw 3.3333333333vw 2.9166666666vw;
	
}

.scoreboard .bg-img {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.scoreboard .header {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.scoreboard .header img {
	width: 11.4583333333vw;
	height: 11.4583333333vw;
	filter: drop-shadow(0vw 0vw 1.6666666666vw rgba(3, 179, 249, 0.64));
}






/* .scoreboard .bottom {
	display: block;
    margin-left: auto;
    margin-right: auto;
	left: 50%;
	right: 0%;
	position: absolute;
	flex-direction: column;
	align-items: center;
	padding: 0px;
} */


/* .scoreboard .bottom h1:nth-child(1) {
	position: absolute;
	font-family: Gilroy-Semibold;
	font-size: 0.5vw;
	text-transform: uppercase;
	margin-top: -1.1979166666vw;
	color: #fff;
	width: 100%;
	width: 100vw;
	height: 100vw;
	left: -0.595vw;
	right: -0.595vw;
	display: block;
    margin-left: auto;
    margin-right: auto;
} */





.scoreboard .header span:nth-child(2) {
	font-family: Gilroy-Semibold;
	font-size: 2.5vw;
	text-transform: uppercase;
	margin-top: -1.1979166666vw;
	color: #fff;
}

.scoreboard .header span:nth-child(3) {
	font-family: Gilroy-Medium;
	font-size: 1.6666666666vw;
	margin-top: 0.3125vw;
	text-transform: uppercase;
	color: #0382f9;
}

.scoreboard .header span:nth-child(4) {
	font-family: Gilroy-Semibold;
	font-size: 0.6vw;
	margin-top: 0.95vw;
	text-transform: uppercase;
	color: #505c66;
}

.scoreboard .jobs-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32.5vw;
	margin-top: 3.3333333333vw;
	padding: 1.7708333333vw 0vw;
	border-top: 0.1041666666vw solid #0382f9;
	border-bottom: 0.1041666666vw solid #0382f9;
	border-radius: 0.8333333333vw;
	background: rgba(255, 255, 255, 0.02);
}

.scoreboard .jobs-box .flex-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 32.5vw;
}

.scoreboard .jobs-box .flex-grid .job-container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 9.1666666666vw;
	height: 9.1666666666vw;
	margin-left: 2.5vw;
	margin-top: 1.6666666666vw;
}

.scoreboard .jobs-box .flex-grid .job-container .icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.5833333333vw;
	height: 4.5833333333vw;
	border-radius: 0.8333333333vw;
}

.scoreboard .jobs-box .flex-grid .job-container .icon-box img {
	width: 2.0833333333vw;
	height: 2.0833333333vw;
}

.scoreboard .jobs-box .flex-grid div:nth-child(1) .icon-box {
	background: #1592D9;
	box-shadow: 0vw 0vw 1.6666666666vw rgba(21, 146, 217, 0.8);
}

.scoreboard .jobs-box .flex-grid div:nth-child(2) .icon-box {
	background: #E94444;
	box-shadow: 0vw 0vw 1.6666666666vw rgba(233, 68, 68, 0.8);
}

.scoreboard .jobs-box .flex-grid div:nth-child(3) .icon-box {
	background: #FF820E;
	box-shadow: 0vw 0vw 1.6666666666vw rgba(255, 130, 14, 0.8);
}

.scoreboard .jobs-box .flex-grid div:nth-child(4) .icon-box {
	background: #BC32D2;
	box-shadow: 0vw 0vw 1.6666666666vw rgba(188, 50, 210, 0.8);
}

.scoreboard .jobs-box .flex-grid div:nth-child(5) .icon-box {
	background: #CEB322;
	box-shadow: 0vw 0vw 1.6666666666vw rgba(206, 179, 34, 0.8);
}

.scoreboard .jobs-box .flex-grid div:nth-child(6) .icon-box {
	background: #8344E9;
	box-shadow: 0vw 0vw 1.6666666666vw rgba(131, 68, 233, 0.8);
}

.scoreboard .jobs-box .flex-grid .job-container .text-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 0.625vw;
}

.scoreboard .jobs-box .flex-grid .job-container .text-column span:first-child {
	font-family: Gilroy-Semibold;
	font-size: 1.25vw;
	text-transform: uppercase;
	color: #FFF;
}

.scoreboard .jobs-box .flex-grid .job-container .text-column span:last-child {
	font-family: Gilroy-Semibold;
	font-size: 0.8333333333vw;
	margin-top: 0.2083333333vw;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.48);
}

.scoreboard .jobs-box .flex-grid .job-container:nth-child(-n+3) {
	margin-top: 0vw;
}

.scoreboard .jobs-box .flex-grid .job-container:nth-child(3n+1) {
	margin-left: 0vw;
}

@media (min-width: 2560px) and (max-height: 1080px) {  
	.scoreboard {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 1.4814814814vh 5.185185185vh 5.9259259258vh 5.185185185vh;
		
	}
	
	.scoreboard .bg-img {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	
	.scoreboard .header {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.scoreboard .header img {
		width: 20.3703703703vh;
		height: 20.3703703703vh;
		filter: drop-shadow(0vw 0vw 2.9629629628vh rgba(3, 159, 249, 0.64));
	}
	
	.scoreboard .header span:nth-child(2) {
		font-family: Gilroy-Semibold;
		font-size: 4.4444444444vh;
		text-transform: uppercase;
		margin-top: -2.1296296295vh;
		color: #fff;
	}
	
	.scoreboard .header span:nth-child(3) {
		font-family: Gilroy-Medium;
		font-size: 2.9629629628vh;
		margin-top: 0.3125vw;
		text-transform: uppercase;
		color: #0382f9;
	}
	
	.scoreboard .jobs-box {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 57.7777777777vh;
		margin-top: 5.9259259258vh;
		padding: 3.148148148vh 0vw;
		border-top: 0.185185185vh solid #0382f9;
		border-bottom: 0.185185185vh solid #0382f9;
		border-radius: 1.4814814814vh;
		background: rgba(255, 255, 255, 0.02);
	}
	
	.scoreboard .jobs-box .flex-grid {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		width: 57.7777777777vh;
	}
	
	.scoreboard .jobs-box .flex-grid .job-container {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 16.2962962961vh;
		height: 16.2962962961vh;
		margin-left: 4.4444444444vh;
		margin-top: 2.9629629628vh;
	}
	
	.scoreboard .jobs-box .flex-grid .job-container .icon-box {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 8.148148148vh;
		height: 8.148148148vh;
		border-radius: 1.4814814814vh;
	}
	
	.scoreboard .jobs-box .flex-grid .job-container .icon-box img {
		width: 3.7037037036vh;
		height: 3.7037037036vh;
	}
	
	.scoreboard .jobs-box .flex-grid div:nth-child(1) .icon-box {
		background: #1592D9;
		box-shadow: 0vw 0vw 2.9629629628vh rgba(21, 146, 217, 0.8);
	}
	
	.scoreboard .jobs-box .flex-grid div:nth-child(2) .icon-box {
		background: #E94444;
		box-shadow: 0vw 0vw 2.9629629628vh rgba(233, 68, 68, 0.8);
	}
	
	.scoreboard .jobs-box .flex-grid div:nth-child(3) .icon-box {
		background: #FF820E;
		box-shadow: 0vw 0vw 2.9629629628vh rgba(255, 130, 14, 0.8);
	}
	
	.scoreboard .jobs-box .flex-grid div:nth-child(4) .icon-box {
		background: #BC32D2;
		box-shadow: 0vw 0vw 2.9629629628vh rgba(188, 50, 210, 0.8);
	}
	
	.scoreboard .jobs-box .flex-grid div:nth-child(5) .icon-box {
		background: #CEB322;
		box-shadow: 0vw 0vw 2.9629629628vh rgba(206, 179, 34, 0.8);
	}
	
	.scoreboard .jobs-box .flex-grid div:nth-child(6) .icon-box {
		background: #8344E9;
		box-shadow: 0vw 0vw 2.9629629628vh rgba(131, 68, 233, 0.8);
	}
	
	.scoreboard .jobs-box .flex-grid .job-container .text-column {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 1.1111111111vh;
	}
	
	.scoreboard .jobs-box .flex-grid .job-container .text-column span:first-child {
		font-family: Gilroy-Semibold;
		font-size: 2.2222222222vh;
		text-transform: uppercase;
		color: #FFF;
	}
	
	.scoreboard .jobs-box .flex-grid .job-container .text-column span:last-child {
		font-family: Gilroy-Semibold;
		font-size: 1.4814814814vh;
		margin-top: 0.3703703703vh;
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.48);
	}
	
	.scoreboard .jobs-box .flex-grid .job-container:nth-child(-n+3) {
		margin-top: 0vw;
	}
	
	.scoreboard .jobs-box .flex-grid .job-container:nth-child(3n+1) {
		margin-left: 0vw;
	}
}