How can I alter menu buttons in the Dawn theme for better aesthetics?

[Danmuges]

I'm not happy with the menu buttons on my website. It just looks like text floating on the black background. Is there any way I can change this to make it look more aesthetically pleasing? 

Thankyou in advance

www.oasiscoral.com.au

[zack_dev]

<style>
nav.header__inline-menu ul li a, nav.header__inline-menu ul li span {
    color: black !important;
    text-decoration: unset;
    font-weight: bold;
}
nav.header__inline-menu ul li {
    background: #DBFF25;
    border-radius: 12px;
    margin: 3.3px;
    color: white;
}

</style>

place this code on theme.liquid bottom see it it helps design.

will look like 

[Spac-es]

Add this code in your base.css file:

ul.list-menu.list-menu--inline {
  position: absolute !important;
  width: 100% !important;
  left: 0;
  top: 121%;
  background-color: #000000a3;
}

PC Result:

Tablets Result:

[Danmuges]

Thankyou but is it also possible to make the writing white on the original? Possibly more bold. 

[Spac-es]

Add this other code:

.header__menu-item {
  color: #ffffff !important;
  font-weight: bold;
  font-family: system-ui;
}

change the color to your preference!

Result:

[Danmuges]

Thanks. Can I see what it looks like above the picture?

[Spac-es]

Change this value to adjust the vertical height:

top: 121%;