Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>Meu Curriculum</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <style type="text/css">
        body{
            background: -webkit-gradient(linear, right top, left bottom, from(#425F9C), to(#C3DAE8));
            background-size:100%;
        }

        div#BoasVindas{
            position: relative;
            width: 100%;
            height: 75px;
            margin-top: 50px;
            text-align: center;
            font-family: Fixedsys;
            text-shadow:3px 4px 2px black;
        }

        .menu {
            margin-top: 20px;
            position: relative;
            width: 100%;
            text-align: center;
            font-family: Fixedsys;
            border: 3px white solid;
            background: -webkit-gradient(linear, left bottom, right top, from(#425F9C), to(#C3DAE8));
        }

        .menu #nav li {
            display: inline-block;
            padding: 0px 20px 0px 20px;
        }

        .menu #nav li a {
            font-family: Fixedsys;
            font-weight: bold;
            font-size: 20px;
            color: white; //cor da letra
        }

        div#curriculo{
            position: relative;
            height: 100%;
            margin-top: 10px;
            margin-left: 10%;
            margin-right: 10%;
        }

        div#face{
            width: 15px;
            height: 15px;
            margin-left: 46%;
        }

        div#twitter{
            width: 15px;
            height: 15px;
            margin-left: 51%;
            margin-top: -15px;
        }

    </style>
    </head>


    <body>
        <div id="BoasVindas">
            <font size="10" color="39598e">Meu Curriculum</font>
        </div>

        <div class="menu">
            <ul id="nav">
                <li><div><a href="Home.html">HOME</a> <div class="hover"></div></div></li>
                <li><div><a href="#">CURRICULLUM</a><div class="hover"></div></div></li>
                <li><div><a href="Contato.html">CONTATO</a><div class="hover"></div></div></li>
            </ul>
        </div>


        <div id="curriculo">
                <iframe width="1080" height="740" src="Curriculo.pdf"></iframe>
        </div>

        <div id="face">
                <a href="https://www.facebook.com/NacaoInterNews?ref=hl">
                    <img width="40" height="40" src="FacebookLogo.png" style="border-radius: 5px;">
                </a>
            </div>

        <div id="twitter">
            <a href="https://www.twitter.com/">
                <img width="40" height="40" src="LogoTwitter.png" style="border-radius: 5px;">
            </a>
        </div>


    </body>
</html>