body {
    background-image: url("/bulu.jpeg");
    background-size: cover;
    background-position: center;
    background-color: #DFF;
    text-align: center;
}
h1 {
    color:#0814bde5;
}

h5 {
    color:rgb(133, 8, 235);
}

p {
    font-size: 18px;
}

nav {
    
    background-color: cyan;
    padding-top: 20px;
    padding-bottom: 20px;
   
   
}
* {
    box-sizing: border-box;
}


@media (min-width: 768px) {
    .parent {
        display: flex;
        grid-gap: 80px;
        
    }
}
.child-1 {
    text-align: justify;
    font-stretch: semi-expanded ;
    font-size: 18px;
}



ul li {
    display: inline-block;
    background-color: dodgerblue;
    padding: 12px 16px;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.7s ease-in-out;
}
ul li a {
    color: white;
}

ul li:hover {
    background-color: royalblue;
}


#footer {
    background-color: cyan;
    position: relative;
    padding: 31px 0px 31px 0px;
    bottom: 0px;
    width: 100vw;
    max-width: 100%;
    
}