* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none; 
  -webkit-user-select: none; 

	
	transition: all 0.3s ease;
		
}






html,
body {
	
	font-family: sans-serif;
	font-size: 14px;
	width:100%;
	
	background-color: #f7f7f7;
	margin:0px;
	padding:0px;

		
}




input {
font-family: sans-serif;
	
}

a {text-decoration:none; color:rgb(130, 0, 140);}

.app-wrapper {max-width:480px; width:100%; margin: 0 auto; padding-top:50px; background-color:white}

.app-main-nav {display:flex; justify-content:space-around;  width:100%; max-width:480px; background-color: white; z-index: 9999;  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; position:fixed; top:0; height:50px }

.app-content-wrapper {background-color:white; display:flex; flex-direction:column; align-items:center;}

.nav-element {text-align:center; font-size:11px; padding-top:5px; padding-bottom:5px; width:100%}
.nav-element a {color:black;}
.nav-icon {font-size:24px; }
.active {background-color: rgb(130, 0, 140); color:white;}





.app-footer {color: #a7a7a7; font-size: 11px; text-align:center; padding: 10px; }