*{
    text-align: center;
}
#flex{
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    width:450px;
    height: 480px;
    justify-content: space-between;
    align-content: space-around;
}
.r,.g,.o,.b{
    border: 8px solid black;
    width: 175px;
    height: 175px;
    border-radius: 30px;
}
.r{
    background-color: red;
}
.g{
    background-color: green;
}
.o{
    background-color: orange;
}
.b{
    background-color: blue;
}
.bg{
    opacity: 0.9;
}
.error{
    background-color: red;
}
body{
    background-image: url("bg2.jpg");
    background-size: cover;
    z-index: static;
}
.touch{
    box-shadow: 2px 2px 1px black;
    transform: scale(0.9);
}