*{
  font-family: "Freeman", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
}

  
  Body{
    background-color: #4ec1b5;
    width: 100%;
    height: 100vh;
}
.register{
    position: relative;
    width: 600px;
    height: 800px;
    margin: auto;
    background-color:#1f2842 ;
    border-radius: 50px;
    color: white;
    
}
h1{
  text-align: center;
  padding-top: 60px;
  text-decoration: underline;
  
}
h4{
  text-align: center;
  padding-top: 1px;
}
form
{
  width: 350px;
  margin-left: 20px;
  
}
form label{
  display: flex;
  margin-top: 20px;
  font-size: 18px;
}
form input{
  width:100%;
  padding: 7px;
  border: none;
  border: 1px solid gray;
  border-radius: 5px;
  outline: none;
  
}
input[type="submit"]{
  width: 200px;
  height: 35px;
  margin-top: 20px;
  background-color: #4ec1b5;
}
 #signupbtn
 {
  margin-left:100px;
 }
 #signinbtn
 {
  margin-left:100px;
 }
 #forms{
  margin-left:100px;
 }
 #registeronlogin
 {
  color: #4ec1b5;
 }
 #loginn
 {
  color: #4ec1b5;
 }
.logindiv{
  width: 600px;
    position: relative;
    top: 80px;
    height: 600px;
    margin: auto;
    background-color:#1f2842 ;
    font-family:Archivo Black ;
    border-radius: 50px;
    color: white;

 }
 #registermessage,#loginmessage{
   text-align: center;
 }
 .Weather{
  position: absolute;
  left: 30%;
  top: 10%;
  height: 700px;
  width: 500px;
  background-color: #1f2842;
  color: aliceblue;
  border-radius: 50px;
 }
 .Weathercontainer{
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
 }
 .Weather button{
  position: absolute;
  top:230px;
  left: 30%;
  border-radius: 10px;
  border-width: 3px;
  background-color: #4ec1b5;
  border-color: black;
  color: #1f2842;
 }
 .Weather form{
  position: absolute;
  top: 20px;
  left: 10%; 
 }
 .weatherres{
  position: absolute;
  top: 500px;
  left: 35%;
  color: aliceblue;
 }
 table, th, td {
  border: 1px solid aliceblue;
  border-collapse: collapse;
}