body{
background-image: linear-gradient(to right top, #9fafc6, #6f8a94, #4f6463, #353f39, #1c1d18);
background-attachment: fixed;
}
h1{
    text-align: center;
}

/*Posisi dan text*/

    .circle {
    width: 400px;
    height: 400px;
    border-radius: 10%;
    background-color:white;
    box-sizing: border-box;
    padding: 80px;
    border-radius: 10%;        
  text-align: center;        
  box-shadow: 0 70px 70px rgba(0,0,0,0.4);
    }
    
.circle img {
    width: 200px;
    height: 200px;
    margin-top: -40px;
    margin-left: -5px;

}
.container{
    display: flex;
    flex-direction: row;
    height: 40vh;
    gap: 2rem;
    align-items: center;
    justify-content: center;
   
    
}
#text-important {
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
}

.border-example {
padding: 20px;
margin: 20px 0;
background-color: #f8f9fa;
}
.rounded {
border: 2px solid #2c3e50;
border-radius: 15px;
}



/*Tombol STYLE*/


#beliBtn {
  display: inline-block;
  padding: 10px 18px;
  background-color: #007bff; 
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none; 
  box-shadow: 0 4px 6px rgba(0,0,0,0.3); 
  transition: all 0.2s ease; 
  justify-items: center;
}
#beliBtn:hover {
  background-color: #0056b3; 
}

#beliBtn:active {
  background-color: #003f7f; 
  box-shadow: 0 2px 3px rgba(0,0,0,0.4); 
  transform: translateY(2px); 
}