HTML/CSS - blog Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <bod>
     <h3>Morbius_Blogs</h3>
           
        <a href="#" class="fb"> facebook</a>
        <a href="#" class="insta">instagram</a></div>
        <hr noshade >
        <div class="color">
          <a href="#">home</a>
            <a href="#">about</a>
            <a href="#">contact</a></div>
        
     <div class="login">
     
     <form>
     <br /><div class="box">
        <div class="r"><span >M<sub>B</sub></span></div>
             </div>
     
     <h1>login</h1>
     
     <div class="uname"><input type="input" name="" required>
        <label>username</label> 
         

css

body {
    background: #000;
}
h3{
    color: white;
    font-family: 'Alkalami', serif;
    text-align:right;
    background: -webkit-linear-gradient(-90deg,  #00FFFF,  #FF0000 );
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
a{
    text-decoration:none;    
 color: #00FFFF;    
    }
    
.fb{
background: -webkit-linear-gradient(-90deg,  #00E5FF,  #1200ff);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    }    
   .insta{
       background: -webkit-linear-gradient(45deg,  #fa7e1e,  #d62976,  #d62976,  #962fbf,  #4f5bd5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

BROWSER

Console