schtonn
/
public


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- <link async rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
    <script type="text/javascript" src="/js/jquery.min.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="/css/bootstrap.min.css" crossorigin="anonymous">
    <script type="text/javascript" src="/js/bootstrap.min.js" crossorigin="anonymous"></script>

    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
&family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/css/style.css">

    <title>random</title>

    <style>
        html,
        body {
            width: 100%;
            height: 100%;
        }

        * {
            margin: 0;
            padding: 0;
        }

        /*背景模糊*/
        .bg {
            width: 100%;
            height: 100%;
            position: relative;
            background: url('https://source.unsplash.com/random/1600x900') no-repeat fixed;
            background-color: black;
            background-size: cover;
            opacity: 50;
            box-sizing: border-box;
            z-index: 1;
        }

        .bg:after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: inherit;
            /* filter: brightness(150%); */
            z-index: 2;
        }

        .content {
            position: absolute;
            background: inherit;
            text-shadow: -3px -3px 3px rosybrown, 3px 3px 3px royalblue, 3px -3px 5px whitesmoke, -3px 3px 5px whitesmoke, -3px -3px 5px yellow;
            filter: blur(50%);
            z-index: 3;
        }

        .shadow {
            text-shadow: -3px -3px 3px rosybrown, 3px 3px 3px royalblue, 3px -3px 5px whitesmoke, -3px 3px 5px whitesmoke, -3px -3px 5px yellow;
        }

        @media screen {
            .content {
                padding: 20px 5px 5px 5px;
            }
        }

        @media screen and (min-width:699px) {
            .content {
                padding: 20px 75px 40px 75px;
            }

        }

        @media screen and (min-width:1200px) {
            .content {
                padding: 20px 150px 40px 150px;
            }
        }
    </style>
</head>


<body itemscope itemtype="http://schema.org/WebPage" style="padding: 0px 0px 0px 0px">
    <div class="bg">
        <div class="content">
            <button class="btn btn-default shadow" onclick="history.back()"><span
                    class="glyphicon glyphicon-home"></span></button>
            <a class="btn btn-default" onclick="location.reload()"><span class="glyphicon glyphicon-refresh"></span></a>
            <h1>> schtonn</h1>
        </div>
    </div>
</body>

</html>