*{
    margin: 0;
    padding: 0;
}
body{

background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSRda5q_1Dg41oScmQY35vuNKOIuuxZgqgiPA&usqp=CAU);

}
.classname {
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background-color: #63b8ee;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #3866a3;
    display:inline-block;
    color: #14396a;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    width: 133px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #7cacde;
    margin-top: 15px;
display: flex;
margin-left: 60%;
margin-top: 10vh;
  
}
.classname:hover {
    background-color: #468ccf;
}
.classname:active {
    position: relative;
    top: 1px;
}
.css-input {
    margin-right: 25px;
     padding: .85em 1em;
     height: 50px;
     width: 200px;	
     border-width: 3px;
     border-color: #504f4f;
     background-color: #FFFFFF;
     color: #000000;
     border-style: solid;
     border-radius: 0px;
     box-shadow: -1px 2px 4px rgba(59,59,59,.86);
     text-shadow: -50px 0px 0px rgba(66,66,66,.0);
}
 .css-input:focus {
     outline:none;

     
}

.pass{
    /* margin-top: 30vh;
    margin-left: 40%; */
    text-transform: capitalize;
    color: rgb(255, 0, 0);
    font-weight: bold;
   
    font-size: 4vh
}


.css-input{

    margin-left: 10vh;
   
    height: 1vh;
    width: 28vh;
}

.error-text{
  background: #F8D7DA;
  padding: 15px;
  border-radius: 5px;
  color: #8B3E46;
  border: 1px solid #F5C6CB;
  display: none;
  margin-bottom: 10px;
  font-weight: bold;
  width: 90%;
  text-align: center;
}
.nav{
background-color: rgba(66, 66, 220, 0.168);
height: 40px;
margin: 5px;
text-transform: capitalize;
box-shadow: 0 0  50px green;



}
.nav h1{
    text-align: center;
    color: white;
}

.contain{
    height: 50vh;
    width: 50vh;
    background-color: rgb(16, 16, 255);
    margin-top: 5%;
    margin-left: 40%;
    box-shadow: 0 0 10px yellow;
}
.contain h1{
    font-size: 4vh;
    color: rgb(243, 30, 30);
    text-transform: capitalize;
    font-weight: bold;
    margin-top: 4vh;
    margin-left: 10vh;


}
.name{
    height: 30px;
    margin-left: 10vh;
    border-color: #504f4f ;
    width: 225px;
    padding-left: 15px;
   
}
.contain h2{

color: red;
text-transform: capitalize;
text-align: center;
padding-top: 2vh;
background-color: rgba(0, 0, 255, 0.129);
}
.msg{

    color: red;
text-transform: capitalize;
text-align: center;
padding-top: 2vh;

font-size: 10vh;
 }