*{
    box-sizing: border-box;
    margin: 2px;
    padding: 5px;

}



body{
    
    background-color: rgb(234, 239, 254);
    color: rgb(45, 39, 75)
}

h1 {
    text-align: center;

}



.flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

}


.flex-item{
   flex-basis: calc(50% - 10px - 2px);
   flex-grow: 0;
   flex-shrink: 0;
    
   background-color: rgb(0, 0, 0);
    color: azure;
    border: 3px rgb(234, 239, 254) solid;
    text-align: center;


    padding: 10px;
    margin: 0;
}
.item1{
    background-color: rgb(151, 135, 243);
    color: rgb(45, 39, 75);
}
.item2{
    background-color: rgb(45, 39, 75);
}
.item3{
    background-color: rgb(45, 39, 75);
    color:  rgb(151, 135, 243);
}
.item4{
    background-color:  rgb(151, 135, 243);
}
.item5{
    background-color: rgb(151, 135, 243);
    color: rgb(45, 39, 75);
}
.item6{
    background-color: rgb(45, 39, 75);
}
.item7{
    background-color: rgb(45, 39, 75);
    color: rgb(151, 135, 243);
}
.item8{
    background-color: rgb(151, 135, 243);
}
.item9{
    color: rgb(151, 135, 243);
    background-color: #28282b; 
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.item9 {
  border: 5px solid rgb(199, 199, 199);  
}

img{
    max-width: 50%;
}

.nameHeader{
    font-size: 55px;
    font-family: 'Courier New', Courier, monospace;
    padding: 50px;
    margin: 0px;
}


.nameHeaderItem1{
    font-size: 35px;
    font-family: 'Courier New', Courier, monospace;
    padding: 15px;
    margin: 0px;
}

.tekstHeaderItem1{
     font-size: 22px;
    padding: 0px;
    margin: 0px;
}

.nameHeaderItem3{
    font-size: 35px;
    font-family: 'Courier New', Courier, monospace;
    padding: 15px;
    margin: 0px;
}

.tekstHeaderItem3{
     font-size: 22px;
    padding: 0px;
    margin: 0px;
}

.nameHeaderItem5{
    font-size: 35px;
    font-family: 'Courier New', Courier, monospace;
    padding: 15px;
    margin: 0px;
}

.tekstHeaderItem5{
     font-size: 20px;
    padding: 0px;
    margin: 0px;
}


.nameHeaderItem7{
    font-size: 40px;
    font-family: 'Courier New', Courier, monospace;
    padding: 15px;
    margin: 0px;
}

.tekstHeaderItem7{
     font-size: 18px;
    padding: 0px;
    margin: 0px;
}

.nameHeaderItem9{
    font-size: 40px;
    font-family: 'Courier New', Courier, monospace;
    padding: 15px;
    margin: 0px;
}

.tekstHeaderItem9{
     font-size: 20px;
    padding: 0px;
    margin: 0px;
}