Untitled

body{
background-color: teal;
font-family: verdana;
}

form{
width : 250px;
height: 400px;
padding: 30px;
border: 5px solid #06010c;
border-radius: 10px;
margin: 70px auto;
}

label{
display: inline-block;
color: #FFFFFF;
margin:15px 0;
}

h1{
text-align: center;
font-size: 28px;
color: #fff;
}

input[type="text"], input[type="password"]{
width: 90%;
border: 2px solid #33CC66;
border-radius: 50px;
padding: 10px;
color:#666666;
}

input[type="submit"]{
margin: 15px;
padding:10px;
border-radius: 15px;
width : 150px;
cursor:pointer;
font-size: 20px;
color:#000000;
}















/*
*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
font-family:Arial, Helvetica, sans-serif;
}
body{
background: #666600;
text-align : center;

}
.container {
padding: 16px;
background-color: white;
}
    input[type=text], input[type=password] {
      width: 50%;
      height: 50%;
      padding: 15px;
      margin: 5px 0 10px 0;
      display: inline-block;
      border: none;
      background: #f1f1f1;
    }
    .registerbtn {
      background-color: #04AA6D;
      color: white;
      padding: 16px 20px;
      margin: 8px 0;
      border: none;
      cursor: pointer;
      width: 100%;
      opacity: 0.9;
    }
    
    
    
    
     /*
    .container{
      background: #660033;
      width: 420px;
      color: white;
      top: 100px;
      bottom: 100px;
      width: 480px;
      height: 450px;
      margin: 30px;
      
      }
    .container h1{
     padding: 10px;
     margin: 10px;
     
     } 
     
     input[type=text], input[type=password] {
      display: inline-block;
      border: none;
      background: #f1f1f1;
      padding: 10px;
      width: 50%;
      margin: 10px;
      top: 10px;
      
    }
    */