@section('title', 'Campaign Closed')
@extends('layouts.main')

@section('extra-css')
    <style>
        html {
            background-image: url("/assets/images/bg.jpg");
        }
        .messagewidth {
            background: rgba(255,255,255,0.7);
            color:#000;
            width: 100%;
            display: block;
            height: 10px;
            max-width: 600px;
            height: auto;
            font-size: 16px;
            padding: 30px 50px;
            position: absolute;
            left:0;
            right: 0;
            top: 15%;
            margin: auto;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        }
        h2 {
            color:#dd042b;
            font-family: "Fjalla One", Helvetica, Arial, sans-serif;
            font-weight: 700;
            font-size: 4vw;
            text-shadow: 1px 1px 1px #fff;
            text-align: center;
        }
        .spin-again-form{
            position: absolute;
            left:0;
            right: 0;
            top: 64%;
            margin: auto;
            text-align: center;
        }

        .congratulations{
            top: 30%;
        }
        .custom_submit{ width: auto; }
    </style>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div style="background:rgba(255,255,255,0.7); min-height: 200px; width: 100%; max-width: 700px; margin: auto; margin-top: 150px; text-align: center; padding-top: 75px;">
                 <p style="color:#000; font-size: 24px; font-weight: bold;">Competition Closed. Than you for your support!</p>
                </div>

            </div>
        </div>
    </div>

@endsection