body { font-family: Arial, sans-serif;  background: #f4f4f4; }
.wrapper{ width: 50%; padding-left: 20px; }
.container { max-width: 480px; margin: 50px auto; background: #fff; padding: 20px; border-radius: 5px; }
input, select { width: 100%; padding: 10px; margin: 5px 0; border-radius: 4pt; }
button { background: #00008B; color: white; padding: 10px; border-radius: 4pt; border: none; cursor: pointer; width: 30%;}
button:hover { background: #218838; }
.error { color: red; }
.success { color: green; }

@media screen and (max-width: 600px) {
  .left-column a:not(:first-child) {display: none;}
  .left-column a.icon {
    float: left;  /* icon di sisi kanan layar */
    display: block;
	
  }
  .container {
	  margin-left: 0;
      }
}