Untitled

<html>
    <head>
        <title>Grafika komputerowa</title>
        <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
        <style>
        body {
            margin: 0;
            font-family: "Roboto", sans-serif;}
        #baner {
            height:14%;
            width:100%;
            display: flex;
            align-items: center;
            background-color: #3F51B5;
            color:#FAFAFA;
            font-size:3em;
            position: relative;
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}

        #txtbaner{
            margin-left: 1%;
        }

        #lewo{
            height:80%;
            background-color: aqua;
            color: #FAFAFA;
            font-size: 1.5em;
            width:20%;
            float:left;
        }
        #prawo{
            width:80%;
            height: 80%;
            background-color: #FAFAFA;
            color: #212121;
            float:left;

        }
        #stopka{
            width:100%;
            height:6%;
            background-color: #0b6e4f;
            color:#FAFAFA;
            clear:both;
        }

        .przycisk{
            height:20%;
            background-color: #303F9F;
            box-shadow:0px -3px #283593 inset;
        }

        #content
        {
        width: 100%;
        height: 100%;
        position: absolute;
        }
        </style>
    </head>
    <body>
        <div id="baner">
            <div id="content">
                <p id="txtbaner">Grafika komputerowa</p>
            </div>
        </div>
        <div id="lewo">
            <div class="przycisk">Wprowadzenie</div>
            <div class="przycisk">Zastosowanie</div>
            <div class="przycisk">Podzia?</div>
            <div class="przycisk">Formaty plik?w</div>
            <div class="przycisk">Modele barw</div>
        </div>
        <div id="prawo">
            Witam na mojej stronie po?wi?conej grafice komputerowej.
            Postaram si? na niej wyja?ni? pewne zagadnienia zwi?zane z grafik? zar?wno dwuwymiarow?, jak i tr?jwymiarow?.
            <br/><br/>
            Strona zosta?a wykonana na zaj?cia z witryn i aplikacji internetowych i nie zawiera ?adnych ofert handlowych.
            <br/>tekst<br/>tekst<br/>tekst<br/>tekst<br/>tekst<br/>tekst<br/>tekst<br/>tekst<br/>tekst<br/>tekst<br/>tekst<br/>tekst
        </div>
        <div id="stopka">
            Wykona?: Tomasz Wi?niewski kl. 2TIa.
        </div>
    </body>
</html>