@charset "UTF-8";

/* CSS Document */



            html,body{background:#1d1f26;margin:0;}

            body{border-top:4px solid #000;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Meiryo",sans-serif;}

            .content{color:#9aa3b2;font-size:12px;line-height:1.6;width:988px;max-width:1024px;margin:28px auto;padding:18px 22px;background:rgba(20,22,28,0.7);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,0.35);}

            h1{font-size:18px;font-weight:600;color:#f1f3f7;margin:0 0 6px;letter-spacing:0.04em;}

            p{margin:0 0 18px;color:#b7c0cf;}

            a {color:#4fd1c5;text-decoration:none;}

            a:hover{opacity:0.85;}

            .cred{margin-top:20px;font-size:11px;text-align:right}

            .cred a{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(79,209,197,0.12);border:1px solid rgba(79,209,197,0.35);}

            .cred a:hover{background:rgba(79,209,197,0.2);}



            /* This rule is read by Galleria to define the gallery height: */

            #galleria{height:640px;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,0.35)}



            @media screen and (max-width: 600px) {

                body{border-top:0;}

                .content{width:auto;max-width:100%;margin:12px;padding:14px 14px 16px;border-radius:12px;}

                h1{font-size:16px;line-height:1.4;}

                p{margin:0 0 12px;}

                #galleria{width:100%;height:60vw;min-height:240px;max-height:420px;}

                .cred{font-size:12px;text-align:center;}

            }