header{
    background-color: orange;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.headerL{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.headerR{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.maincontent{
    margin: 16;
    display: grid;
    justify-content: center;
    gap: 3%;
}
.green{
    background-color: green;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-evenly;
    width: 500px;
}

.purple{
    width: auto;
    display: flex;
    justify-content: center;
    gap: 3%;
}
.PL{
    background-color: purple;
    width: 25%;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    justify-content: center;
}

.FUCK{
    grid-row: 1/3
}
.PR{
    background-color: purple;
    width: 25%;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    justify-content: center;
}
.imsotired{
    grid-row: 2/3;
}
.blue{
    background: blue;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 10;
    width: 500px;
}
.b1{
    grid-column: 3/6;
}
.b2{
    grid-column: 2;
}
.b3{
    grid-column: 4/6;
}
.b5{
    grid-column: 5;
}