body {
width: 100%;
background-color: #003565;
background-size: cover;
margin: 0 auto;
}

#pswdgen{
background-image: url("/mobile/passicon.png");
}

#mail {
  position:relative;
  margin-top: 5px;
  margin-bottom: 5px;
	width: 94%;
  margin: 0 auto;
  margin-top: 30px;
}

img {
margin: 0 auto;
}

#search {
  position:relative;
  margin-top: 5px;
  margin-bottom: 5px;
	width: 94%;
  margin: 0 auto;
}

#tools {
  position:relative;
  margin-top: 5px;
  margin-bottom: 85px;
	width: 94%;
  margin: 0 auto;
}

#spacer {
  height: 85px;
  width: 100%;
}

#spacer2 {
  height: 25px;
  width: 100%;
}

#spacer3 {
  height: 55px;
  width: 100%;
}

.app_row {
  position:relative;
	width: auto;
  margin: 0 auto;
  margin-bottom: 15px;
}
	

.nav {
position: static;
top: 0;
size: relative;
width: 24%;
height: 70px;
margin-left: 4%;
margin-top: 5px;
margin-right: 4%;
font-size: 15px;
border-width: 0;
border-radius: 50px;
  background: #003565;
  box-shadow: inset 5px 5px 6px #002d56, 
              inset -5px -5px 6px #003d74;
text-align: center;
outline: none;
color: white;
}

.nav-idle{
position: static;
top: 0;
size: relative;
width: auto;
height: 70px;
margin-left: 4%;
margin-top: 5px;
margin-right: 4%;
font-size: 15px;
border-width: 0;
border-radius: 50px;
background: linear-gradient(145deg, #00305b, #00396c);
box-shadow:  5px 5px 0px #003464, 
             -5px -5px 0px #003666;
text-align: center;
outline: none;
color: white;
}

.bmcdiv{
width: 216px;
margin-left: auto;
margin-right: auto;
}

  #buttons {
    width: auto;
    display: block;
    margin: 0 auto;
    margin-left: auto;
  }

.bottom{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 80px;
background: #003565;
box-shadow: 5px 0px 10px #002d56;
}

li{
  float: left;
  height: 100%;
}

nav {
  height: 100%;
}

ul{
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 100%;
}

.group {
position: relative;
top: 10px;
size: relative;
width: 100%;
height: 80px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
font-size: 20px;
text-align: center;
border-color: #00000000;
border-width: 0px;
color: white;
border-radius: 50px;
background: #003565;
box-shadow:  5px 5px 10px #002d56, 
             -5px -5px 10px #003d74;
border-style: solid;
outline: none;
}

.donate {
top: 10px;
size: relative;
width:20%;
height: 45px;
margin-left: 40%;
margin-right: 40%;
margin-bottom: auto;
margin-top: auto;
font-size: 25px;
text-align: center;
border-color: #00000000;
border-width: 0px;
color: #ebcf34;
border-radius: 50px;
background: #003565;
box-shadow: 5px 5px 10px #002d56,
	    -5px -5px 10px #003d74;
border-style: solid;
outline: none;
}

.group:active {
  border-radius: 50px;
  background: #003565;
  box-shadow: inset 5px 5px 6px #002d56, 
              inset -5px -5px 6px #003d74;
  color: #1c77c3;;

}

nav-idle:active {
border-radius: 50px;
  background: #003565;
  box-shadow: inset 5px 5px 6px #002d56, 
              inset -5px -5px 6px #003d74;
  color: #1c77c3;;
}

.donate:active {
  border-radius: 50px;
  background: #003565;
  box-shadow: inset 5px 5px 6px #002d56, 
              inset -5px -5px 6px #003d74;
  color: #1c77c3;;
}

.input {
  display: block;
  position: relative;
  top: 0px;
  size: relative;
  width: 100%;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  color: white;
  border-color: #003565;
  border-width: 10px;
  border-radius: 15px;
  background: #003565;
  box-shadow: inset 5px 5px 6px #002d56, 
              inset -5px -5px 6px #003d74;
  border-style: solid;
  outline: none;
  text-align: center;
  font-size: 20px;
}

.tips {
  display: block;
  position: relative;
  top: 0px;
  size: relative;
  width: 95%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  font-size: 15px;
  color: white;
  border-color: #003565;
  border-width: 10px;
  border-radius: 15px;
  background: #003565;
  box-shadow: inset 5px 5px 6px #002d56, 
              inset -5px -5px 6px #003d74;
  border-style: solid;
  outline: none;
  text-align: center;
}

#logo {
  display: block;
  position: relative;
  top: 8px;
  height: 34px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-color:#00000000;
  margin-top: 0;
  border-width:5px;
border-radius: 150px;
background: #003565;
box-shadow:  5px 5px 8px #002d56, 
             -5px -5px 8px #003d74;
}

.search {
position: relative;
width: 100%;
  height: 55px;
  background-color: #4fb9c6ff; 
}

.top {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
background: #003565;
box-shadow: 5px 0px 10px #002d56;

}
.main{
  width: 65%;
  margin: 0 auto;
  margin-bottom: 15px;
}

#back {
	background-color: #00000000;
	color: white;
	height: 100%;
	border-style: solid;
	border-color: #00000000;
border-radius: 15px;
background: #003565;
box-shadow: inset 5px 5px 10px #002d56, 
            inset -5px -5px 10px #003d74;
outline: none;
}

#back:active {
border-radius: 15px;
border-color: #002e58;
background: #1c77c3;
box-shadow: inset 5px 5px 0px #1c77c3, 
            inset -5px -5px 0px #1c77c3;
color: white;
}

h1 {
  top: 0;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
	font-family: Arial;
	color: white;
}

h2 {
  top: 0;
	text-align: center;
	margin: 0 auto;
	font-family: Arial;
  color: white;
  font-size: 30px;
}

h3 {
top: 0;
text-align: center;
margin: 0 auto;
  font-family: Arial;
  color: white;
}

p {
  top: 0;
  position: relative;
	text-align: left;
	margin: 0 auto;
	font-family: Arial;
  color: white;
  font-size: 25px;
}

.description {
  text-align: center;
}

a {
color: white;
margin: 0 auto;
}

#answer{
  width: 95%;
}