#blok1 {
    background-color: gray;
    width: 500px;
    height: 500px;
    position: relative;
    top: px; left: px;
}
    
   



#blok2{
    background-color: red;
    width: 100px;px ;
    height: 100px;
    position: relative;
    top: px; left: 20px;
 
}

#blok3{
    background-color:yellow ;
    width: 100px;
    height: 100px;
    position: relative;
    top: -100px; left: 380px;
}

#blok4{
    background-color: green;
    width: 100px;
    height: 100px;
    position: relative;
    top: 160px; left: 20px; 
    transition: width 2s;
}



    



#blok5{
    background-color:blue ;
    width: 100px;
    height: 100px;
    position: relative;
    top: 60px; left: 380px;
}

 #triangle1 {
    background-color: aqua;
    width: 0px;
    height: 0px;
  

    border-top:solid 100px transparent;
    border-right:solid 100px transparent;
    border-bottom:solid 100px red;
    border-left:solid 100px transparent; 
    position: relative; 
    top: 200px; left: 200px;
 }     

 #triangle2{
    width: 0px;
    height: 0px;
    border-top:solid 100px orange;
    border-right:solid 100px transparent;
    border-bottom:solid 100px transparent;
    border-left:solid 100px transparent;
    position: relative; 
    top: -118px; left: -100px;
    
   
 }