.autocomplete {
            position: relative;
            display: inline-block;
        }

        input {
            border: 1px solid transparent;
            background-color: #f1f1f1;
            padding: 10px;
            font-size: 30px;
        }

            input[type=text] {
                top:30%;
                background-color: #f1f1f1;
                width: 100%;
            }


        #auto {
            top:50%;
            left: 50%;
            width: 30%;
            color:red;
             background-color:purple;
        }

        .autocomplete-items {
            position: absolute;
            border: 1px solid #d4d4d4;
            border-bottom: none;
            border-top: none;
            z-index: 99;
            top: 100%;
            left: 0;
            right: 0;
            font-size: 25px;
        }

            .autocomplete-items div {
                padding: 10px;
                cursor: pointer;
                background-color: #fff;
                border-bottom: 1px solid #d4d4d4;
            }

               
                .autocomplete-items div:hover {
                    background-color: #e9e9e9;
                }

        
        .autocomplete-active {
            background-color: DodgerBlue !important;
            color: #ffffff;
        }