style sampel nada.css

 * {margin: 0; padding: 0;}

body {
   width: 900px;
   margin: auto;
    background: #20B2AA;    
    display: auto;    
    justify-content: center;    
    align-items: center;        
        font-family: sans-serif;    
        box-sizing: border-box;
    }
    body h3 {
        padding-top: 15px;
    }
    header {
   width: 900px;
   height: 2240px;
}

/* class recomended */
.recomended {
   width: 100%;
   overflow: hidden;
   background-color: lightgreen;
   margin-top: 0px;
}
.recomended h1 {
   text-align: center;
}
.recomended .recomendedKiri {
   width: 433px;
   float: left;
   margin: 0px 10px 5px 10px;
}
.recomended p {
   text-align: justify;
   width: 85px;
}
.recomendedKiri p audio {
padding-left: 70px
}

.recomended .recomendedKanan {
   width: 433px;
   margin: 0px 0px 5px 5px;
   float: left;
}
.recomended a {
   text-decoration: none;
   color: #140fcd;
}
.recomended a:hover {
   color: #000;
}
.recomended p {
   text-align: justify;
   width: 80px;
}
.recomended h3 {
   color: #140fcd;
}
.recomendedKanan p audio {
padding-left: 70px
}

/* akhir class recomended */

html {
  scroll-behavior: smooth;
}