@section('title', '- 404 Not Found')

@extends("layouts.app")
@section('section')
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="" id="container-error">
                <div class="row">
                    <div class="col-md-12 text-center">

                        <h1 class=''>404</h1>
                        <h2>@lang('errors.not_found')</h2>

                        <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