input[type=text], select {
  font-family: 'Baloo Tamma 2', cursive;
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
        body{
    margin: 0;
    padding: 0;
    background: #FBFBFD;
}
.fontsize{
	font-size: 7px;
}
.container{
    <!--width: 50%;
    top:-30%;
	-->
    position:absolute;
    overflow: hidden;
    <!--transform:translate(50%,40%);-->
}
.container h1{
    text-align: center;
    font-size: 35px;
    color: #000000;
}
.container h2{
    text-align: center;
    font-size: 27px;
    color: #000000;
}
.container input{
    display: block;
    width: 100%;
    padding: 0 16px;
    height: 50px;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    border: #D6D6D6 2px solid;
    font-family: "montserrat",sans-serif;
}
.error{
            color:red;
        }
        input[type='text']{
            width:60%;
            padding:10px;
        }
        #check{
            background-color: #4CAF50; /* Green */
            border: none;
            color: white;
            padding: 9px 13px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
        }
        #clear{
            background-color: red; /* Green */
            border: none;
            color: white;
            padding: 9px 13px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
        }

.center {
    width: 40%;
    height: 50%;
    margin: auto;
}
.login {
width: 600px;
margin: 10px auto;
}
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}
   
.button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
}
   
.button:hover {
opacity: 0.8;
}