body {
    margin: 0;
    padding: 0;
    background-image: url(images/emirates.jpg);
    background-color: rgb(184, 197, 202);
    height: 600px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-family: myFirstFont;
}
.login {
    width: 316px;
    margin: auto;
    position: relative;
    padding: 50px;
    background: radial-gradient(circle, rgba(228,241,240,0.9794292717086834) 0%, rgba(193,210,231,0.850577731092437) 100%);
    border-radius: 15px;
    border: 1px solid black;
}
h1 {
    text-align: center;
    color: rgb(0, 0, 34);
    margin-top: 73px;
    padding: 20px;
}
label {
    color: rgb(0, 0, 34);
    font-size: 17pt;
}
#uname {
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;
    margin: 10px 0 20px 0;
}
#pass {
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px; 
    margin: 10px 0 20px 0;
}
#log {
    background: rgba(80, 163, 231, 0.726);
    width: 150px;  
    height: 30px;  
    border: none;  
    border-radius: 17px;  
    padding-left: 7px; 
    padding-top: 7px; 
    color: black; 
    font-size: 14pt;
    font-family: myFirstFont;
    margin: 0 25% 0 25%;
}
#log:hover {
    background-color: rgb(80, 163, 231);
    cursor: pointer;
}
@font-face {
    font-family: myFirstFont;
    src: url(fonts/KumbhSans-Light.ttf);
  }