.container {
    
    height: 40vw;
    width: 28vw;
    display: flex;
    background-color: aliceblue;
    border: 20px solid black;
}
.grid{
    width: 20vw;
    height: 20vw;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: .5vw;
    margin: 0 auto;
    margin-top: 3vw;
    
}

.orange {
background-color: magenta;
}
.left-bottom {
background-color: darkgreen;
border-radius: 0% 0% 0% 50% ;
}
.facing-sides{
background-color: darkgreen;
border-radius: 0% 45% 0% 45%;
}
.drop {
background-color: darkgreen;
border-radius: 50% 50% 0% 50%;
}
.circle {
background-color: darkgreen;
border-radius: 50% 50% 50% 50%;
}
.square {
background-color: darkgreen;
}
.text {
font-family: 'Comfortaa', cursive;
font-weight: 600;
font-size: 2vw;
text-align: right;
width: 25vw;
height: 5vw;
color: black;
position: absolute;
top: 30vw; 
left: 4vw;
}
.bauhaus {
border-bottom: 3px solid black;
color: magenta;
font-size: 4vw;

}