@extends('layouts.index')

@section('content')
    <div class="d-flex align-items-center justify-content-center position-ref py-5 my-5">

        <div class="content">
            <div>
                <i class="fas fa-times-circle fa-5x icon-verify" aria-hidden="true"></i>
            </div>
            <div class="title-verify m-b-md">
                 {{ $message }}
            </div>
        </div>
    </div>
@endsection
@push('css')
    <style>

        .position-ref {
            position: relative;
        }
        .content {
            text-align: center;
        }
        .title-verify {
            font-size: 20px;
            color: #8b3823;
            padding: 0 25px;
            font-weight: 600;
            letter-spacing: .1rem;
            text-decoration: none;
            text-transform: uppercase;
        }
        .icon-verify{
            color: #8b3823;
            font-size: 10em
        }
    </style>
@endpush