JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<style>
body{
background:#6da1da;
width:800px;
}
.padding{
padding-top:10px !important;
}
#menu {
        padding: 0;
        margin: 0;
        font-size: 100%;
        font-family: Georgia;
        display: block;
        }
#menu li {
        z-indtx:22;
        display: block;
        list-style: none;
        float: left;
        padding: 0;
        margin: 0;
        width: 150px;
        text-align: center;
        text-shadow:0 0 15px #fff,0 0 15px #fff;
        position: relative;
        padding-top: 12px;
        }
    #menu li a {
        position: relative;
        z-index: 3;
    }
#menu li ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 150px;
        display: none;
        position: absolute;
        left: 0;
        top: 20px;
        border-top:2px solid #fff;
        border-left:2px solid #fff;
        border-right:2px solid #fff;
        border-bottom:2px solid #fff;
        border-radius: 10px;
        z-index: 2;
        }
#menu li ul li {
        float: none;
        margin: 0;
        width: 150px;
        text-align: center;
        padding-top: 0px;
        
        }
        #menu li ul li a {
                background:#6da1da;
                padding-top:15px;
                padding-bottom:15px;
                border-radius: 0 0 6px 6px;
        }
        #menu li ul li a:hover {
                background: #fff;
                
        }
#menu li a {
        display: block;
        width: 150px;
        
        color: #15477e;
        text-decoration: none;
        }
#menu li:hover ul {
z-index:1;
        display: block;
        }
#menu li:hover {
        text-shadow:0 0 10px #fff,0 0 15px #fff,0 0 20px #fff,0 0 25px #fff;
        }
</style>
</head>
  <body>
  <div style="width:100%;">  
<ul id="menu">
        <li><a href="#">Пункт №1</a></li>
        <li>
                <a href="#">Пункт №2</a>
                <ul>
                        <li class="padding"><a...