<!DOCTYPE html>
<html lang="id">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title></title>
        <style type="text/css">
            body { overflow: hidden;background:#0f172a; }
            
            #container {width:100%; height:100%; background:#0f172a; position:relative }
            .centerLogo {
              display: flex;
              justify-content: center;
              text-align: center;
              align-items: center;
              height: 100vh;
            }
            .fill { padding: 1rem;} 
            /*.fill .logo { vertical-align:middle; width: 40%;} 

            @media (max-width:480px)  { 
                .fill .logo { vertical-align:middle; width: 50%;} 
            } */  
        </style>
    </head>
    <body>        
        <div id="container">
            <div class="fill">
                <div class="centerLogo">
                    <div>
                        <img class="logo" src="/img/arirang_logo.svg"></img>
                        
                        @if (session('success'))
                            <div style="padding-top: 1rem;">
                                {{ session('success') }}
                            </div>
                        @endif
                    </div>
                </div>                                
            </div>            
        </div>
    </body>
</html>
