* {margin: 0; padding: 0; box-sizing: border-box;}
page, section, menu, workspace, screen, name, canvas, item, title, content {display: block;}
body {font-size: 1rem;}
body, * {font-family: 'Arimo', sans-serif;}
body {--bg: #D3D3D3; --dark: #1F1F3D; --darker: #000; --light: #EBEBEB; --second: #1F1F3D; --main: #DC3E53; --pad: 4px;}

.hidden {
	display: none !important;
}
.vertical {
	display: flex;
	flex-direction: column !important;
}
.horizontal {
	display: flex;
	flex-direction: row !important;
}

.wrap {
	flex-wrap: wrap;
}


/* account part */
#account_container {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: var(--dark);
}

.account {
    max-width: 1200px;
    margin: 10vh auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.account * {
    font-size: x-large;
}

.account > div {
    background-color: var(--light);
    padding: 3vh;
    border-radius: 1em;
}

.account form > div {
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.account form div * {
    margin: 0.3em 0.3em 0.3em 0;
}