*{margin: 2;}

input {border: 0px;
    border-bottom: solid 1px }
    input:focus { border: solid 1px limegreen;
    outline: none
    }
    
    input:hover { border: solid 1px red}

    body {display: flex;
    align-items: center;
    justify-content: center;}

    .menu{
      background-color: rgba(137, 43, 226, 0.411);
      display: grid;
      align-items: center;
      padding: 20px;
      grid-template-columns: 0.1fr 400px;
      gap: 20px;
      border-radius: 50;
    }