und-color: #F498AD;
    }

    .warning::before {
      content: "⚠";
      margin-right: 0.5em;
      font-size: 3em;
      line-height: 1;
      vertical-align: middle;
    }

    .info {
      background-color: #2E9AFF;
    }


    @media (max-width: 768px) {
      body {
        padding: 30px;
      }

      .message {
        width: 100%;
      }

      .message p {
        padding: 55px 30px;
      }

      .warning::before {
        font-size: 1em;
      }
    }
  </style>
</head>
<body>
  <div cla