*{
    background-color: beige;
    box-sizing: border-box;
}

.main{
    padding: 40px;
    box-sizing: border-box;
}

.box{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 5px 0px;
    gap:5px;
}

.button{
   background-color: aqua;
    padding:15px 20px;
}

.content{
    padding: 5px 10px;
     background-color: rgba(207, 205, 205);
     display:none;
     border-radius: 5px;
 }

 .active{
    background-color: violet ;
 }

 .active2{
    display: block;
 }

 p{
    background-color: rgba(207, 205, 205);
 }

 @media screen and (max-width:500px){
    .box{
        flex-direction: column;
    }
    
 }