Elep

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    
    <title>Cravvings</title>
    @section('css')
    <link rel="stylesheet" href="/css/login.css">
    <style>
        .x-close {
            font-size: 20px; 
            font-weight: 600;
            position: absolute; 
            top: 10px; 
            right: 20px; 
            cursor: pointer;
            padding: 3px 6px;
            /*border: 1px solid #ccc;*/
            /*border-radius: 50%;*/
            /*background-color: #C32022;*/
            color: #C32022;
        }

#loading {
            z-index: 999999;
        }

.vex {
            z-index: 100000;
        }

.vex-content {
            height: min-content;
            margin: auto;    /*max-width: 400px;*/
            display: flex;
            padding: 30px;
            background: #fff;
            overflow-y: auto;
            padding: 25px 17px;
            border-radius: 7px;
            position: relative;
        }

@media (min-width:767px) {
            .vex {

/*left: 15% !important; */

/*top: 10% !important; */
                bottom: 10% !important;
                padding-top: 0;
            }

.vex-content {
                width: 500px;
            }

}
    </style>
    @show
</head>
<body>
    <div class="empty-wrapper">
        @yield('content')
    </div>
    
</body>
</html>