needhelp

HTML

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Navigation</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>

<header style="z-index: 5000;">
    <img class="logo" src="logo.svg" alt="logo">
    <nav>
        <ul class="nav_links">
            <li><a href="#">lorem</a></li>
            <li><a href="#">ipsum</a></li>
            <li><a href="#">dolor</a></li>
            <li><a href="#">sit</a></li>
            <li><a href="#">amet</a></li>
        </ul>
    </nav>
    <a class="end" hred="#"><button class="cbutton">contact</button></a>
</header>

<body>
    <div class="article">
        <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
            labore et
            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
            Stet
            clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
            amet,
            consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
            erat,
            sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
            no
            sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing
            elitr,
            sed diam nonumy eirmod tempor invidunt ut labore et
            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
            Stet
            clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
            amet,
            consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
            erat,
            sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita...

CSS

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

html {
  padding: 0;
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  background-color: rgb(41, 41, 41);
}

header {
  background-color: rgb(77, 77, 77);
  width: 100%;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 5%;
}

.logo {
  justify-content: space-between;
  cursor: pointer;
  height: 100px;
  width: 100px;
}

li,
a,
button {
  font-size: 32px;
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.nav_links {
  list-style: none;
}

.nav_links li {
  display: inline-block;
  padding: 0px 40px;
}

.nav_links li a {
  transition: all 0.3s ease 0s;
}

.nav_links li a:hover {
  color: aqua;
}

.cbutton {
  padding: 10px 25px;
  background-color: rgba(0, 255, 255, 1);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

button.cbutton:hover {
  background-color: rgba(0, 255, 255, 0.8);
}

.article {
  padding-top: 15px;
  text-align: center;
}

.article p {
  color: rgb(168, 168, 168);
  font-size: 40px;
  display: inline-block;
  text-align: left;
  max-width: 95%;
}

#footer {
  padding-top: 8px;
  z-index: 13301;
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: aqua;
  font-weight: 400;
  font-size: 32px;
  color: rgb(255, 255, 255);
  text-decoration: none;
}