/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */

@font-face {
	font-family: "Mojangles";
	src: url('fonts/mojangles.otf.woff2') format('woff2');
}

body {
	background-color: #4b4e52;
	font-family: "Mojangles";
	font-optical-sizing: auto;
 	font-weight: 400;
 	font-style: normal;
	color: white;
}

.buton, button {
	font-family: "Mojangles";
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        color: white;
	background-color: #3b3d40;
	border-radius: 12px;
	padding: 15px;
	border-color: white;
	border-style: solid;
	text-decoration: none;
	transition: 0.4s;
}

.buton:hover, button:hover {
	padding: 20px;
	background-color: #212224;
	border-radius: 15px;
}

.textinput {
	font-family: "Mojangles";
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        color: white;
        background-color: #3b3d40;
        border-radius: 12px;
        border-color: white;
	border-style: solid;
}

.account-panel, .command-panel {
	background-color: #2f3133;
	width: 50%;
	border-radius: 15px;
	border-style: solid;
	border-color: #52565c;
}