level3 project.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>level 3</title>

    <style>
        *{margin: 0px;
            padding:0px;
            font-family : Tahoma, Geneva, Verdana, sans-serif;}

        #first_project{background-color:rgb(25, 183, 135);text-align: center ;text-transform:uppercase;  }
        #outer{background-color: red;font-size: 25px}
        #inner{background-color: black;font-size: 10px;}

       .material-symbols-outlined {
          font-variation-settings:
           'FILL' 0,
          'wght' 400,
           'GRAD' 0,
            'opsz' 24
}
</style>
}
</style>

    </style>
</head>
<body>
    <h1 id="first_project">karnx</h1>
    <div id="outer">outer
    <div id="inner">inner</div>
    </div>
    <i id="material-symbols-outlined" class="home"></i>
    
</body>
</html>