Simple css message boxes

Simple css message boxes

<style>
      .message {
        padding: 10px;
        border: 2px solid #ddd;
        background-color: #eee;
        color: #222;
      }
      .notice {
        background: #FFF6BF;
        color: #817134;
        border-color: #FFD324;
      }
      .success {
        background: #E6EFC2;
        color: #529214;
        border-color: #C6D880;
      }
      .error {
        background: #FBE3E4;
        color: #D12F19;
        border-color: #FBC2C4;
      }
</style>
this is a notice.
something was successful.
oops! an error occured.