body {
}

 .navbar {
            overflow: hidden;
            background-color: #35679d;
            border-radius: 25px;
            padding-left: 100px;
        }

            .navbar a {
                float: left;
                font-size: 16px;
                color: white;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
            }

        .subnav {
            float: left;
            overflow: hidden;
        }

            .subnav .subnavbtn {
                font-size: 16px;
                border: none;
                outline: none;
                color: white;
                padding: 14px 16px;
                background-color: inherit;
                font-family: inherit;
                margin: 0;
            }

            .navbar a:hover, .subnav:hover .subnavbtn {
                background-color: #3e8e41;
            }

        .subnav-content {
            display: none;
            position: absolute;
            /*left: 0;*/
            background-color: #35679d;
            color:white;
            /*width: 15%;*/
            text-wrap:none;
            z-index: 1;
          border-width:thick;
            border-radius:10px;
            border-color:black;
            /*padding-left:5px;*/
        }

            .subnav-content a {
                /*float: left;*/
                color: white;
                text-decoration: none;
                    box-sizing: border-box;
                    border-color:black;
                   
            }

                .subnav-content a:hover {
                    background-color: #eee;
                    color: black;
                    width:100%;
                     border-radius:10px;
                }

        .subnav:hover .subnav-content {
            display: block;
        }