*,
*::before,
*::after {
	box-sizing: border-box; 
}
html {
		font-size: 62.5%;
	font-family: 'Poppins';
}
body{
	font-size: 1.6rem;
	line-height: 1.5;
}
input {
	box-shadow: none;
	touch-action: manipulation;
	overflow: visible;
	margin: 0;
	max-width: 100%;
	height: auto;	
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: #000000;
	vertical-align: middle;
	padding: .7em;
	-webkit-appearance: none;
	   -moz-appearance: none;
	   		appearance: none;
	border: 1px solid #000000;
	border-radius: 5px; 
}					
button {
	display: inline-block;
	margin: 0;
	cursor: pointer;
	-webkit-user-select: none;
			user-select: none;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	text-transform: none;
	border: none;
	border-radius: 5px;
	font-family: inherit;
	font-size: inherit;
	color: #ff0000; 
	line-height: 1;
	overflow: visible;
	box-shadow: none;
	-webkit-appearance: button;
    touch-action: manipulation;
    background: transparent;
}

button, input {
	outline: 2px solid transparent;
}
button:focus, input:focus {
	outline-color: currentColor;
}
button:focus:not(:focus-visible), input:focus:not(:focus-visible) {
	outline: 0;
}
button:focus-visible, input:focus-visible {
	outline-color: currentColor;
}

form {
	display: grid;
	place-content: center;
}
label {
	font-weight: bold;
}
.shpass {
	display: grid;
	grid-template-columns: 1fr auto;
}
.shpass label {
	grid-column: span 2;
}
.shpass button {
	border: 1px solid #000000;
}
.shpass button svg {
	width: 2em;
	height: 2em;
	fill: #ff0000;
}
.shpass path:nth-child(2) {
	display: none;
}
.shpass button.shpass_show svg {
	fill: #ff0000;
}
.shpass button.shpass_show path:nth-child(2) {
	display: block;
}
.submitButton {
    width: 100%;
    height: 40px;
    margin: auto;
    display: block;
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
  }
  /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position:fixed; ; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top:0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin:  auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 310px;
  border-radius: 10px;
  box-shadow: 0 3px 10px #000000; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #ff0000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}