*{}
body {font-family:'noto sans', helvetica;
		background: #00735c;		
}
.container{width:300px;min-height: 250px;display:flex;
align-self:center;background-color:#edf0ee;border-radius:20px;margin:auto;color:#00493a;
flex-direction:column;justify-content:center;overflow:hidden;
box-shadow:5px 5px 20px 2px black;}


.container button{border-radius:3px;background: #00493a;color: #edf0ee;width:100px;height: 30px;border: solid #00493a 5px;display:flex;align-items:center;flex-direction:row;margin:15px;justify-content:center;}
.container p{font-size: 1rem;margin:0.1rem;margin: auto;}
.container input{height: 1rem;border-radius: 3px;border: solid #00493a 1px;width: 50vw;margin: auto;background: transparent;}
.container h1, .signin h1{text-align:center;color: #00493a;}
.buttons{display:flex;flex-direction:row;justify-content:space-around;font-size:1rem}
.main{display:flex;align-items:center;width:100%;max-height:100vh}
.container select{height: 2rem;border-radius: 3px;border: solid #00493a 1px;width: 50vw;margin:auto;background: transparent;}
.container form{padding-left:7px}
.container label{padding:7px 0px 7px 0px;}
.container a{text-decoration:none;}
.date{background: transparent;}
.signin a{color:#00735c;}





.main2{display:flex;align-items:center;max-height:100vh;width:100vw;font-family:helvetica;}
.signin{background: #edf0ee;min-height: 250px;width:300px;margin:auto;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 20px 5px black;flex-wrap:wrap;border-radius: 20px;position:relative;}
.signin input{background: transparent;border:solid 2px #00493a;height: 2rem;border-radius: 3px;min-width: 75%;margin-left:0.7rem;position:relative;}
.signin input:hover{box-shadow:0 0 20px 5px #606462;border:none;}

.signin p{color: #00493a;margin-left:0.7rem;font-size:1rem;}
.signin button{width: 75%;height: 2rem;margin-left:10px;margin-top:1rem;font-size:1rem;border-radius: 3px;border:none;background: #00493a;display:block;}
.pass{}

.fa-eye, .fa-eye-slash{color:grey;z-index:2;margin-left:200px;position:absolute;}

.fa-eye-slash{display:none;}
.j{display:flex;flex-direction:row;align-items:center;}

@media(min-width:700px) and (max-width:1024px){
.container,.signin{width: 609px;max-height: 487px;font-size:1.5rem;}
.fa-eye, .fa-eye-slash{margin-left:50vw;}
				
}
@media(min-width:1680px){:root{font-size:2.5rem;height: 3rem;}
			input::placeholder{font-size:1.5rem;}.container, .signin{width:70vw;max-height:85vh;}	
.fa-eye, .fa-eye-slash{margin-left:50vw;}

}

@media(min-width:1024px)and(max-width:1670px){
:root{font-size:2.5rem;height: 2rem;}
			input::placeholder{font-size:1.5rem;}.container, .signin{width:80vw;max-height:98vh;}	
.fa-eye, .fa-eye-slash{margin-left:50vw;}

}