/**
* Reset stylesheet to normalize styles across browsers
*
*/

*:focus {
	outline: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,label,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
}

input,input:active,input:focus {
	outline: none;
}

textarea:focus {
	outline: none;
}

table { 
    border-collapse:collapse; 
    border-spacing:0; 
}

fieldset,img {  
    border:0; 
}

address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
}

ol,ul,li { 
    list-style:none; 
    margin: 0;
    padding: 0;
}

caption,th { 
    text-align:left; 
}

h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
}

q:before,q:after { 
    content:''; 
}

abbr,acronym { 
    border:0; 
}

a {
    text-decoration: none;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/**
* Login view
*/

.login-view {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.login-form {
    width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.auth-input {
	height: 16vw;
	width: 70vw;
	border-radius: 8vw;
	border-color: grey;
	border-width: 2px;
	border-style: solid;
	margin: 16vw;
	font-size: 10vw;
	text-align: center;
}

.button-round-green {
	width: 34vw;
	height: 34vw;
	border-width: 1vw;
	border-color: green;
	border-radius: 17vw;
	border-style: solid;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14vw;
	color: green;
	outline: none;
}