@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://asset/mapeditor/client/gui/OpenSansRegular.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://asset/mapeditor/client/gui/OpenSansBold.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {
	font-family: "Open Sans", sans-serif !important;
	
	color: white !important;
	font-size: 1.4vh;
	
	cursor: default;
	user-select: none;
	overflow: hidden;

	background-color:rgba(12, 12, 12, 0.75);
}
  
.grid {
	display: grid;
	grid-template-areas: "a a a a";
	grid-gap: 0.5vw;
	grid-auto-rows: 20vw;
	/*padding: 5px;*/
}

.grid > div {
	/*background-color: white;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition: transform .15s; /* Animation */
}

.grid > div:hover {
	transform: scale(1.3);
}

.your-class input{
	float:left;
  }

/*.grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
}

.grid > div {
	background-color: white;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;  
}*/