HTML/CSS - beautiful login Online Editor and JavaScript Compiler

html

<!--HELLO GUYS, THIS IS MY SECOND HTML AND CSS PROJECT, MARKING MY TWO WEEKS PROGRESS. YOU ARE WELCOME TO MAKE CORRECTIONS AND RENDER ADVICE. IT IS NOT PERFECT. 
I COULD NOT FIGURE OUT HOW TO REMOVE THE BACKGROUND APPEARANCE THAT OCCURS WHEN YOU TRY TO PUT IN AN INPUT. THANKS FOR VIEWING.--> 
<!DOCTYPE html>
<html>
    <head>
        <title>login page</title>
    </head>
    <body>
    
    <div class="login">
    
         <div class="made">
         
         <h3>login here</h3>
             
            <input class="user" type="text" placeholder="username" value="" name="#"/>
            <input class="password" type="password" value="" placeholder="enter password"/>
            
           <br /> 
           

css

body{ background:linear-gradient(40deg, #4273DC,
       #B8BBD9)
}
a{text-decoration:none; color: black;}
a:hover{background-color: darkorange;
         transition:ease-in .5s;}
.login {width:60%;
        height:70%;
        top:50px;
        left:60px;
        position:absolute;
        background-color: white;
        border-radius:5px;
        opacity:0.9}
       
     
  .login .made h3 {color: black;
             text-decoration:underline;
             text-align:center;
             text-transform:uppercase ;
             padding-bottom:30px;}  
        
        
         

BROWSER

Console