@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="{{url('/')}}" class="">@lang('errors.back_home')</a>
                <a href="{{url('/user')}}" class="">@lang('errors.go_profile')</a>
                <a href="{{url('/ebits')}}" class="">@lang('errors.buy_ebits')</</a>
                <a href="{{url('/withdrawal')}}" class="">@lang('errors.sell_ebits')</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