* {
    box-sizing: border-box;
}

@font-face {
    font-family: "Roboto";
    src: url("../Roboto-Regular.ttf") format("truetype");
}

html{
    height: 100%;
}

body{
	background: rgb(48, 48, 48);
	margin:0;
    height:100%;
    font-family: "Roboto";
}

#content{
    height:100%;
}

#login {
    position:relative;
    width: 300px;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 8px;
}

#login input[type="text"],
#login input[type="password"]{
	width:100%;
	padding: 5px 2px;
}

#login input[type="submit"] {
    padding: 5px;
    width: 70%;
    height: 25px;
	margin: 10px 15%;
    background-color: white;
    border: 1px solid lightgrey;
    transition: background 0.1s linear, border 0.2s;
    cursor: pointer;
}

#login h3 {
    margin-bottom: 0;
}