HTML/CSS - My SearchMe®SE Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html lang="en-US">
<!-- This is the second part titled Sololearn Content to wt1 Created by Robert Brown Farley (brofarops) -->
    <head>
    <meta name="viewport"content="width=device-width, initial-scale=1.0">
        <title>My SearchMe Search Engine on Sololearn</title>
        <script>
function search()
{
    var input=document.getElementById("search");
    var ucase=input.value.toUpperCase();
var projectlist=document.getElementById("SearchMe");
var listitem=projectlist.getElementsByTagName("li");
for (var i = 0; i < listitem.length; i++) 
  {
        var a = listitem[i].getElementsByTagName("a")[0];
        if  (a.innerHTML.toUpperCase().indexOf(ucase) > -1)                
        {
            listitem[i].style.display = "";
        } 
        else 
        {
            listitem[i].style.display = "none";
        }
   }
}
</script>
    </head>

css

li {
    background-color: powderblue;
}
h1{ border-box solid 3px;
border-style:double solid ;
    background-color: beige;
}
a , li { color: blue; text-decoration:none; 
    border-right-width:2px;
    border-right-color: #f9f;
    border-left-width:2px;
    border-left-color: #f9f;
    border-top-width:2px;
    border-top-color: #f9f;
    border-bottom-width:2px;
    border-bottom-color: #f9f;
    height:50px;
    width:150px;
    text-align:center ;
}
input, button, li{ -webkit-border-radius: 50px; -moz-border-radius: 80px; border-radius: 50px; }
body{ 
   border: 5px solid; 
   margin-top: 10px; 
   padding: 10px; 
   border-top-color:  red; 
   border-bottom-color:  red; 

BROWSER

Console