@extends('layouts.front.master')
@section('contant')
<div class="container pb-4 pb-xl-7" style="margin-top: 40px">
    <div class="server-error">
        <div class="row">
            <div class="col-md-12">
                <h1 class="text-center">500</h1>
                <h3 class="text-center">Internal Server Error</h3>
                
            </div>
        </div>
    </div>
</div>

<style type="text/css">
.server-error{
    text-align: center;
    padding-top: 90px;
    padding-bottom: 90px;
}
    .server-error h1 {
        font-size: 200px;
        text-shadow: 5px 3px #2c2c2c;
        color: #70c;
        font-style: italic;
        font-weight: 800;
        letter-spacing: -14px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .server-error h3 {
        font-size: 50px;
        text-transform: capitalize;
        font-weight: 700;
    }
</style>
@endsection