Untitled

<html>
    <head>
        <title> FORMULARZE HTML </title>
        <link rel='stylesheet' href='styl.css'>
        <meta charset='utf-8'>
    </head>
    <body>
        <div id='conteiner'>
        </div>
        <div id='banner1'>
            <br><center>JD KURWE<br>
        </div>
        <div id='banner2'>
            FORUMULARZ
        </div>
        <div id='fotografia'>
        </div>
        <div id='formularz1'>
            JDJDJD
        </div>
        <div id='formularz2'>
            XDXDXD
        </div>
        <div id='zgoda'>
            asdasd
        </div>
        <div id='stopka'>
            xdxdx
        </div>
    </body>
</html>

#container{
    display:flex;
    width:800px;
    position:absolute;
    flex-direction:column;
}
#banner1{
    background-color:#ffffcc;
    height:100px;
    width: 800px;
    border-width: 3px;
    border-style: solid;
    border-color: black;
}
#banner2{
    background-color:#800000;
    height:50px;
    width: 800px;
    border-width: 3px;
    border-style: solid;
    border-color: black;
}
#formularz1{
    background-color:#008000;
    height:150px;
    width: 400px;
    border-width: 3px;
    border-style: solid;
    border-color: black;
}
#formularz2{
    background-color:#00FFFF;
    height:300px;
    width: 400px;
    border-width: 3px;
    border-style: solid;
    border-color: black;
}
#zgoda{
    background-color:#008000;
    height:130;
    width: 400px;
    border-width: 3px;
    border-style: solid;
    border-color: black;
}
#stopka{
    background-color:#800080;
    height:70;
    width: 800px;
    border-width: 3px;
    border-style: solid;
    border-color: black;
}
#fotografia{
    background-color:#800080;
    height:456px;
    width: 398px;
    border-width: 3px;
    border-style: solid;
    border-color: black;

    position:absolute;
    left:411px;
}