/*Making the website full width and height*/
/*And removing the margin and padding*/

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    
/*Setting site background*/
    
    background: linear-gradient(to bottom right, grey, dimgrey);
    
}

/*Styling "maindiv"*/

#maindiv {
    border: 2px solid darkslategray;
    border-radius: 10px;
    width: 40%;
    height: 300px;
    background: linear-gradient(to top left, white, lightgray);
    margin-top: 50px;
    padding: 10px;
}

/*Styling horizontal line*/

hr {
   display: block;
   border:none;
   border-top: 1.5px solid grey;
   border-radius: 2px;
   width: 85%;
   margin-bottom: 20px;
}

/*Styling word LOGIN*/

#wordlogin {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #4d4d4d;
    font-size: 1.5em;
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    letter-spacing: 5px;
}

/*Putting labels to the left*/

form {
   text-align: left; 
}

/*Styling labels "username" and "password"*/

label {
    font-family: Helvetica, "Times New Roman", sans-serif;
    font-weight: 500;
    color: #565656;
    margin-left: 4.5%;
}

/*Styling textboxes (inputs)*/

.textboxes input {
   margin-top: 5px;
   margin-bottom: 10px;
   margin-left: 4.5%;
   width: 90%;
   height: 22.5px;
   border: 1.5px solid grey;
   border-radius: 5px;
   padding-left: 5px;
}

/*Styling submit button*/

#loginbut input {
   height: 30px;
   width: 25%;
   margin-top: 5px;
   margin-bottom: -10px;
   margin-left: 4.5%;
   border: 1.5px solid grey;
   border-radius: 5px;
   background: linear-gradient(to bottom right, lightgrey, silver);
   font-family: "Courier New", Courier, monospace;
    font-weight: bold;
}