@extends('master')
@section('style')
<link rel='stylesheet' href="{{mix('/assets/css/app.css')}}" type='text/css' media='all' />
<link rel='stylesheet' href="{{config('app.cdn_image')}}/assets/plugins/sweetalert2/sweetalert2.min.css" type='text/css' media='all' />
@endsection
@section('content')
<style type="text/css">
    *,::after,::before{box-sizing:border-box;}
    body{overflow: hidden;}
    h1,h3{margin-top:0;margin-bottom:.5rem;}
    p{margin-top:0;margin-bottom:1rem;}
    a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;}
    a:hover{color:#0056b3;text-decoration:underline;}
    h1,h3{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit;}
    h1{font-size:2.5rem;}
    h3{font-size:1.75rem;}
    .text-info{color:#17a2b8!important;}
    @media print{
    *,::after,::before{text-shadow:none!important;box-shadow:none!important;}
    a:not(.btn){text-decoration:underline;}
    h3,p{orphans:3;widows:3;}
    h3{page-break-after:avoid;}
    }
    :focus{outline:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
    a,h1,h3,p{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Lato,sans-serif;}
    a{color:#1572e8;}
    a:focus,a:hover{color:#1269db;}
    h1{font-size:1.725rem;}
    h3{font-size:1.1625rem;}
    p{font-size:14px;line-height:1.82;margin-bottom:1rem;word-break:break-word;}
    h1,h3{line-height:1.4;}
    .text-info{color:#48abf7!important;}
    .text-info:hover{color:#48abf7!important;}      
</style>
<div class="container">
    <section id="primary" class="content-full-width">
        <center>
        <div class="row">
            <div class="col-md-12">
                <div class="full-height" style="margin: 12%;">
                    <div class="error-page">
                        <h1 class="headline text-warning" style="font-size: 3rem"> 500</h1>
                        <div class="error-content">
                            <h3><i class="fas fa-exclamation-triangle text-warning"></i> ¡Ups! Algo salió mal.</h3>
                            <p>
                                No pudimos encontrar la página que estabas buscando.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <center>
    </section>
</div>
@endsection