@extends('layouts.user-app')
@section('content')

 <style>
            html, body {
                background-color: #fff;
                color: #636b6f;
                font-family: 'Nunito', sans-serif;
                font-weight: 100;
                height: 680px;
                margin: 0;
            }

            .full-height {
                height: 700px;
            }

            .flex-center {
                align-items: center;
                display: flex;
                justify-content: center;
            }

            .position-ref {
                position: relative;
            }

            .content {
                text-align: center;
            }

            .title {
                font-size: 36px;
                padding: 20px;
            }
            .title h1{font-size:40px;}
        </style>
    
        <div class="flex-center position-ref full-height">
            <div class="content">
                <div class="title">
                	<h1 class="blue">404</h1>
                  <p>Sorry, this page you are looking for does not exist.</p>
                </div>
            </div>
        </div>
@endsection