.welcome {  
  font-family: Calibri, Helvetica, sans-serif;  
  background-color: black;  
}  
button {   
       background-color: #4CAF50;   
       width: 100%;  
        color: orange;   
        padding: 15px;   
        margin: 10px 0px;   
        border: none;   
        cursor: pointer;   
         }   
 form {   
        border: 3px solid #f1f1f1;   
    }   
 input[type=text], input[type=password] {   
        width: 100%;   
        margin: 8px 0;  
        padding: 12px 20px;   
        display: inline-block;   
        border: 2px solid green;   
        box-sizing: border-box;   
    }  
 button:hover {   
        opacity: 0.7;   
    }   
  .cancelbtn {   
        width: auto;   
        padding: 10px 18px;  
        margin: 10px 5px;  
    }   
        
     
 
       
    .fname {   
        background-color: #4CAF50;   
        width: 100%;  
         color: orange;   
         padding: 15px;   
         margin: 10px 0px;   
         border: none;   
         cursor: pointer;   
          } 
         .lilian {
            display: block;
            margin-left: auto;
            margin-right: auto;
          
          }
          .welcometomypage{   
            background-color: #4CAF50;   
            width: 100%;  
             color: orange;   
             padding: 15px;   
             margin: 10px 0px;   
             border: none;   
             cursor: pointer;   
              } 
              .loader {
                text-align :center;
                border: 16px solid #f3f3f3; /* Light grey */
                border-top: 16px solid white
; /* Blue */
                border-radius: 50%;
                width: 120px;
                height: 120px;
                animation: spin 2s linear infinite;
              }
              
              @keyframes spin {
                0% { transform: rotate(0deg); }
                100% { transform: rotate(360deg); }
              }
              .loader_text{
                
                color: green;     
              }
            
            .leo{
              
              color: white;     
            }
            .auto-type{
              
              color: green;     
            }
           
              
          .something{
            font-size: 20px;
            color:yellow;
          }
.p{
  background-image : url('toxic6.jpg');
  background-color: red;
}
          

.backcolour{   
  background-color: black;   
  width: 100%;  
   color: orange;   
   padding: 15px;   
   margin: 10px 0px;   
   border: none;   
   cursor: pointer;   
    } 
    .forblue
    {
      background-color: blue;

    }
.logscolour
{   
  background-color: black;   
  width: 100%;  
   color: orange;   
   padding: 15px;   
   margin: 10px 0px;   
   border: none;   
   cursor: pointer;   
    }