@section('title', '-  Internal Error')

@extends("layouts.app")
@section('section')
    <div class="row">
        <div class="col-md-8 col-md-offset-2">

            <div class="" id="container-error">

                <div class="row">
                    <div class="col-md-12 text-center">

                        <h1 class=''>500</h1>
                        <h2>@lang('errors.error')</h2>
                        <h3>@lang('errors.error_persist')</h3>

                        <div id="links-container">
                            <a href="{{ route('home') }}" class="">@lang('errors.back_home')</a>
                        </div>

                    </div>
                </div>

            </div>

        </div>
    </div>

@endsection
@push('css')
    <style media="screen">
        body {
            font-family: Roboto;
        }

        #container-error {
            margin-top: 10vh;
            margin-bottom: 10vh;
        }

        h1 {
            color: var(--golden-yellow) !important;
            font-size: 180px;
        }

        h3 {
            color: var(--charcoal-grey) !important;
        }

        a,
        a:hover,
        a:active,
        a:focus {
            color: var(--grey);
        }

        a {
            padding: 0px 10px 0px 10px;
        }

        #links-container {
            margin-top: 30px;
        }
    </style>
@endpush