*{
    box-sizing: border-box;
}
body{
    background-color: gray;
}
.box1{
    width: 200px;
    height: 50px;
    background-color:mediumslateblue;
    border-radius: 20px;
    margin: auto;
   padding-left: 36px;
   padding-top: 10px;
}
.box2{
    width: 200px;
    height: 50px;
    background-color:mediumslateblue;
    border-radius: 20px;
    margin: auto;
    padding-left: 36px;
    margin-top: 10px;
    padding-top: 10px;
}
a{
   
    color: white;
    text-decoration: none;
}
h1{
    text-align: center;
}
.kontenjer{
    max-width: 960px;
    margin: 0 auto;
    outline: 3px solid black;
}
.red{
    display: flex;
}
.flex-item{
    min-width: 200px;
    height: 150px;
}
.jedan{
    background-color: slateblue;
    flex-grow: 2;
}
.dva{
    background-color: skyblue;
    flex-grow: 1;
}
.tri{
    background-color: seagreen;
    flex-grow: 2;
}
.cetiri{
    background-color: chocolate;
    flex-shrink: 1;
}
.pet{
    background-color: cornflowerblue;
    flex-shrink: 1;
}
.sest{
    background-color: darkmagenta;
    flex-grow: 2;
    flex-shrink: 2;
}