Untitled

<!DOCTYPE html>
<html>
<head>
<title>pvzd2</title>
<meta data char="UTF-8">

<style>
html body{
    width:100%;
    height:100%;
}
@media screen and (max-width: 1600px)
and (max-height:1150px){
h1{
    text-align:right;
}
#aprasymas{
    width:150px;
    height:100px;
    resize:none;

}
#id1{
    height:80%;
    width:80%;
    border:1px solid black;

    position:absolute;
}
#id2{

    border: 1px solid black;
    height:115px;
    width:115px;

    position:absolute;
    margin-top:2%;
    margin-left:2%;
}
#id3{
    background-color:blue;
    border:1px solid black;
    height:100px;
    width:100px;

    position:absolute;
    margin-top:2.8%;
    margin-left:2.8%;
    color:white;
    text-align:center;
    line-height:90px;
}
#id4{
    height:18%;
    width:80%;
    left:18%;
    top:20%;

    position:absolute;
    font-size:2vw;
}
#id5{
    height:20%;
    width:90%;
    top:45%;
    left:5%;


    position:absolute;
    font-size:1.5vw;
    color:yellow;
}
#id6{
    height:20%;
    width:60%;

    left:5%;
    top:70%;
    position:absolute;

    font-size:1.2vw;
    color:green;
}
}
</style>
<script>
</script>
</head>
<body>
<h1>Jonas Miniatas MKDf-15/4</h1>
<div id="id1">
<div id="id2"></div>

<div id="id3">100x100</div>

<div id="id4">bvvvvvvvvv vvvvvvvvv vvvvvvvvv vvvvvvvv vvvvvveliyyyyy wcbrucbwjbcew bciws bceeeeeeeeee eeeeeee eeeeeee 4rt4gdbtbf  gdbtbrrb rtb eeeeeeee</div>
<div id="id5">cwuecjwncuenc crecnjrcnjernc ccrjncjcnjrcnjrc cjrncjrncjrc crjncrjcnrjcnr crcnjrncjrc crcnjrcnjrc rncjrncj crnjcnrjc swssssssssssssssss sssssssssssssssss ssssssssssssssssssss</div>
<div id="id6">cjircjierjciece cecweircjskcr csmiwcriehcknsdc rcneicnrcccccccccccccccccccc cccccccccccccccccc ccccccccccccccc ccccccccccc</div>
</div>
<label>teksto sablonas</label>
<textarea name="aprasymulaukas" id="aprasymas" tabindex="1"></textarea>
</body>
</html>