.mainbody{
	padding:30px;
}
.navItem{
	border:solid 3px black;
	padding:5px;
	border-radius:10px;
}
.currentNav{
	color:blue;
	border-color:blue;
}
.currentNav::before{
	content:' >> '
}
.navItem:hover{
	border:solid 3px blue;
	cursor:pointer;
	border-radius:2px;
	border-radius:10px;
}
#loginScreen{
	position:fixed;
	top:50%;
	left:50%;
	width:max(120px, 50%);
	height:max(120px, 30%);
	border:solid 2px gray;
	border-radius:14px;
	padding:20px;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 0 max(100vh, 100vw) rgba(0, 0, 0, .8);
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}