@import url(https://fonts.googleapis.com/css?family=Roboto);

    * {
        font-family: 'Roboto', sans-serif;
    }

    body {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);
        height: 100vh;

    }

    .error-template {
        padding: 40px 15px;
        text-align: center;
    }

    .error-actions {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .error-actions .btn {
        margin-right: 10px;
    }

    .message-box h1 {
        color: #252932;
        font-size: 98px;
        font-weight: 700;
        line-height: 98px;
        text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;
    }

    .social-media-section {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;

        /* Adjust spacing between icons */
    }

    .social-media-section a {
        display: flex;
        justify-content: center;
        align-items: center;
        /* gap: 4px; */
        /* width: 40px;
  height: 40px; */
    }

    .social-media-section img {
        max-height: 30px;
        width: auto;
        /* Ensures images fit */
        /* max-width: 100%; */
        /* Prevents stretching */
        transition: filter 0.2s ease-in-out, transform 0.2s ease-in-out;
    }

    .social-media-section img:hover {
        filter: grayscale(1);
        transform: scale(1.1);
    }

    .hide-this {
        display: none !important;
    }

    hr {
        border: none;
        border-top: 2px solid #3bafda;
        width: 70%;
        margin: 1.5rem auto;
        opacity: 0.6;
        border-radius: 1px;
    }