Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WorkPlace Главная страница*ﾟ✧*ﾟ✧*</title>
    <style type="text/css">

        .headerMiddle
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 25%;
            left: 1%;
            overflow: auto;
            margin: 0;
            text-decoration: none;
            color: #fff;
        }

        .frameUpDiv
        {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3%;

            background: #42a5f5;
            /*box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 100);*/

            font-family: 'Roboto', Arial;
            color: #fff;
            font-size: 25px;
            text-decoration: none;
            padding: 18px;
        }

        .frameUpLinks
        {
            align: left;
            position: absolute;
            top: 7%;
            left: 0;

            width: 100%;
            height: 30px;

            font-family: 'Roboto', Arial;
            color: #fff;

            background-color: #000;
        }

        .frameUpDivLinksText
        {
            align: left;
            top: -25%;
            position: absolute;

            font-size: 17px;
            font-family: 'Roboto', Arial;
            color: #fff;

            padding: 1%;
            text-decoration: none;
            text-align: justify;
        }

        .frameUpDivLinks
        {
            top: -50%;
            right: 20px;
            float: right;
            position: relative;

            font-family: 'Roboto', Arial;
            color: #fff;
            font-size: 25px;

            padding: 1%;
            text-decoration: none;
        }
        .frameUpDivLinks:hover
        {
            transition-delay: 0.4s;
            text-shadow: 1px 1px #000000;
            text-shadow: 0px -11px 20px 10px;
        }

        div.image:before
        {
            position: fixed;

            top: 50%;
            bottom: 50%;
            display: table;

            width: 70%;
            height: 75%;

            font-family: 'Roboto', Arial;
            color: #fff;
            font-size: 38px;
            text-decoration: none;
            text-align: center;
            padding: 15px;

            margin: 0 0 0 50%;

            /*border-color: #dd00fa;*/
            /*border-style: solid;*/
            /*background: #ddaafa;*/

            content: url("wp_logo_web3.png")
        }

        body
        {
            background-color: #d8ecff;
        }

</style>
</head>

<body>
    <div class="frameUpLinks">
        <a class="frameUpDivLinksText" href="main.html">[Главная страница]</a>
        <a class="frameUpDivLinksText" href="main.html">[О нас]</a>

    </div>
    <div class="frameUpDiv">
    WorkPlace
    <a class="frameUpDivLinks" href="about_us.html">О нас</a>
    <a class="frameUpDivLinks" href="registration.html">Регистрация</a>
    </div>
    <div class="image"></div>
</body>
</html>