body{
  /*background:#f1f5ee;*/
  background-color: #FA8BFF;
background-image: linear-gradient(5deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
}
/* Three columns side by side */
.column {
    float: left;
    width: 33.3%;
    margin-bottom: 16px;
    padding: 0 8px;
  }
  
  /* Display the columns below each other instead of side by side on small screens */
  @media screen and (max-width: 650px) {
    .column {
      width: 100%;
      display: block;
    }
  }
  
  /* Add some shadows to create a card effect */
  .card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    background-color: transparent;
  }
  
  /* Some left and right padding inside the container */
  .container {
    padding: 0 16px;
  }
  
  /* Clear floats */
  .container::after, .row::after {
    content: "";
    clear: both;
    display: table;
  }
  
  .title {
    color: goldenrod;
    font-size: 25px;
  }
  
  .button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    /* color: white; */
    /* background-color: #000; */
    background-color: rgba(253, 246, 246, 0.932);
    color: rgb(243, 176, 7);
    font-weight: 900;
    text-align: center;
    cursor: pointer;
    width: 100%;
  }
  
  .button:hover {
    background-color: #555;
  }


  .team_img
  {
    border-radius: 50%;
  }
  .my_idea
  {
    background-color: rgb(30, 185, 95);
    margin:20px;
    width: 230px;
    border-radius: 7px;
  }
  .first_with_img img
  {
    width: 100%;
    height: auto;
  }
  .first_with_img img
  {
    width: 90px;
  }
  .text{
    font-weight: 600;
    margin: 15px;
  }
  /* @media screen and (max-width: 650px) {
    .myidea_container {
      width: 100%;
      display: block;
    }
  } */
  /* body{
    background: none;
  } */


 /* =========== idea 2 ====== */
.idea2_conatiner
 {
   /* background-color:white; */
   /* From https://css.glass */
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
 } 

 /* @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .idea2_conatiner {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  } */

#heading{
  color:rgb(212, 209, 30);
}

  #about
  {
    color:red;
   
  }


 .idea2_conatiner .text
 {
   font-weight:550;
 } 
 .idea_2_sub_container2
 {
   /* background-color: rgb(31, 141, 86); */
   /* From https://css.glass */
/* background: rgba(14, 62, 100, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(13.1px);
-webkit-backdrop-filter: blur(13.1px);
border: 1px solid rgba(14, 62, 100, 0.01); */
 }
 .myideasection h1
 {
color: yellow;
 }
 .cont1 , .cont2
 {
  margin:12px;
  border-radius: 14px;

 }

.cont3 img
{
  border-radius: 45px;
  padding: 12px;
}

 .cont4
 {
  margin:12px;
  border-radius: 14px;
  /* From https://css.glass */
background: rgba(35, 99, 107, 0.52);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(13.1px);
-webkit-backdrop-filter: blur(13.1px);
border: 1px solid rgba(14, 47, 73, 0.01);

 } 
 .cont1{
  /* background-color: rgba(68, 68, 139, 0.698);  */
  /* #0E2F4933 */
  /* From https://css.glass */
background: rgba(244, 247, 64, 0.376);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(13.1px);
-webkit-backdrop-filter: blur(13.1px);
border: 1px solid rgba(43, 216, 247, 0.01);
 }
 .cont2
 {
  /* background-color: orange; */
  /* From https://css.glass */
background: rgba(14, 243, 45, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(13.1px);
-webkit-backdrop-filter: blur(13.1px);
border: 1px solid rgba(14, 47, 73, 0.01);
 }
.idea_2_sub_container3
{
  /* background-color: crimson;  */
  /* From https://css.glass */
background: rgba(235, 24, 112, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(13.1px);
-webkit-backdrop-filter: blur(13.1px);
border: 1px solid rgba(14, 47, 73, 0.01);
}


.cont1_h1{
    padding-left:20px;
}

.flex_container
{
  display: flex;
}
.cont3 img{
  width: 500px;
}


/* ================responsive css=================== */
@media (max-width:648px)
{
  .myidea_container
  {
    display:block;
    
  }
  #aboutsection
  {
    width: 100%;
    height: auto;
   
  }
  .idea_2_sub_container1 
  {
    display: block;
  }
  .cont3 img
  {
    width: 300px;
  }
  .idea_2_sub_container2
  {
    /* width: 10%; */
    height: auto;
    display: block;
  }
}