h3{
  margin-left: clamp(0.3rem, -0.24000000000000005rem + 2.7vw, 3rem);
}
.art-nav .nav-item{
   background: #EEE8AA;
    color: black;
    border-radius: 2rem;
}
.acti{
   height: auto;
   background: #f5f5f5;
   padding-top: 1rem;

}
.the_acti{

   border-top: 2px solid green;
   border-right: 2px solid green;
   margin: clamp(1rem, 0.6rem + 2vw, 3rem);
   height: auto;
   display: flex;
}
.the_acti:hover{
   background: white;
   border-top: 0px solid green;
   border-bottom: 3px solid green;
   border-right: 3px solid green;

}
#radios{

    border-radius: 2rem;
}
.h2{
  color: green;
  margin-bottom: clamp(1rem, 0.6rem + 2vw, 3rem);
}

.left_acti{
   width: auto;
   height: auto;
}
.img{

    width: clamp(18rem, 16.6rem + 7.000000000000001vw, 25rem);
    height: clamp(18rem, 17.6rem + 2vw, 20rem);
}

.right_acti{
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.acti_text{
   font-size: 0.95rem;
}
@media screen and (max-width: 700px){
    .the_acti{
       display: inline;
       border-top: 0px solid green;
       border-right: 0px solid green;

    }
    .img{
        margin-left: clamp(1rem, -5.230769230769231rem + 34.61538461538461vw, 10rem);
    }

}