body{
	padding-bottom: .01rem;
}

a{
	text-decoration: none;
}
ul{
	list-style:none;
	padding-left:0;
}

li {
	background: #002b36;
	margin: 1rem 3rem 1rem 3rem;
	border-radius: 1rem 1rem 1rem 1rem; 
	box-shadow: 5px 5px 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}

li>* {
	margin: 2rem;
	vertical-align: middle;
	display: inline-block;
	color: #93a1a1;
}

li img{
	height: 8rem;
	border-radius: 1rem;
}

li .name{
	font-size: 300%;
}

li .size{
	font-size: 150%;
}

li .date{
	font-size: 150%;
	display:inline-block;
}

li form {
	padding-left: 0rem;
	padding-right: 0rem;
	padding-top: 0rem;
	padding-bottom: 0rem;
	display: inline;
}

li>form>* {
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	vertical-align: middle;
	display: inline-block;
	color: #93a1a1;
}

#filebutton{
	font-size: 300%;
	color: #2aa198;
}

#authlabel{
}

#authinput{
	padding: .5rem;
	border: none;
	border-radius: 1rem;
	margin-right: 4rem;
	height: 2rem;
	color: #839496;
	background-color: #eee8d5;
}

#submitbutton{
	padding: 1rem;
	font-size: 2em;
	font-weight: 800;
	color: #fdf6e3;
	background-color: #2aa198;
	border-radius: 1rem;
	border: none;
}

.uglyduckling{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}