intro.css

body  
{  
    margin: 0;  
    padding: 0;  
    background-color:#0d3446ba;  
    background: url(school.jpg);
    background-size:cover;
    background-position:center;
    font-family: 'Gothic';  
}  

.login{  
        width: 382px;  
        overflow: hidden;  
        margin: auto;  
        margin: 20 0 0 450px;  
        padding: 80px;  
        background: #23463f;  
        border-radius: 15px ;  
          
}  
h2{  
    text-align: center;  
    color: #277582;  
    padding: 20px;  
}  
label{  
    color: #08ffd1;  
    font-size: 17px;  
}  
#Uname{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;  
}  
#Pass{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;  
      
}  
#log{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 17px;  
    padding-left: 7px;  
    color: blue;  
  
  
}  
span{  
    color: white;  
    font-size: 17px;  
}  
a{  
    float: right;  
    background-color:whitesmoke;  
}  

.btn{
    width: 150px;
    height: 50;
    border-radius: 30px;
    background-color: white;
    border:  2px solid gray;
    transition: background-color 2s;
}
.btn:hover{
    background-color: gray;
}

.btn sm{
    width: 150px;
    height: 50;
    border-radius: 30px;
    background-color: white;
    border:  2px solid gray;
    transition: background-color 2s;
}
.btn:hover{
    background-color: gray;
}

.btn md{
    width: 150px;
    height: 50;
    border-radius: 30px;
    background-color: white;
    border:  2px solid gray;
    transition: background-color 2s;
}
.btn:hover{
    background-color: gray;
}