css

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
  }

  header {
    display: inline;
 }

 nav {
    background-color: #545659;
    padding: 5px;
    position: sticky;
    top: 0;
 }

 nav ul{
    padding-inline-start: 0px;
 }
 nav ul li{
    display: inline;
    list-style: none;
    padding: 22px;
 }

nav ul li:hover{
    background:#666;
}

nav ul li a {
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    color: white;
 }

#beranda{
  position: relative;
  text-align: center;
  color: white;
}

#background-header{
   width: 100%;
   max-height: 700px;
   object-fit: cover;
   object-position: center;
}

.jumbotron {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 30%;
   transform: translate(-50%, -50%);
   font-size: 20px;
   letter-spacing: 5px;
 }