*{        
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins";
    scroll-behavior: smooth;
    transition: all 0.5s,ease; 
}

#page1{
    height: 160vh;
}

#options{
    display: flex;
    text-transform: capitalize;
    list-style: none;
    margin-top: 4%;
    justify-content: space-between;
    padding-left: 8%;
    padding-right: 8%;
}

#options>li>a{
    text-decoration: none;
    color: blue;
}

#options>li>a:hover{
    transition: 0.5s ;
    color: black;
}
body {
     height: 100vh;
}

#texts{

}

#grid-product{
    display: flex;
    flex-direction: row; /* lado a lado */
   
    padding: 40px;
    align-items: center;
    justify-content: space-around;
}

#grid-product img{
    max-width: 350px;
    width: 100%;
    border-radius: 12px;
}

#texts{
    max-width: 850px;
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

#texts h1{
    color: #0064B5;
}

#texts h4{
    color: #4dafff;
    margin-top: 3%;
}

button{
    display: flex;
}

/* #drop-click { position: relative; list-style: none;}

#dropdown-click{ 
width: 350px;
list-style: none;
padding: 0;
opacity: 1;
color: white;
top: 0px;
right: -350px;
display: flex;
flex-direction: column;
height: 100vh;
justify-content: space-between;
z-index: -10;
transition:0.5s ;
/* background-color: #b2b2b2; */
/* background-color: pink;
position: fixed;
} */
/*checkbox hidden*/
#check {
position: absolute;
width: 100%;
height:100%;
left: 0;
z-index: 1000;
opacity: 100;
fill: aqua;
}

#X{
    position: relative;
    top: 60px;
    left: 250px;
}

#check:checked~#dropdown-click
{opacity: 1;
   
z-index: 10;
right: 0; }


  #check:checked{
    left: 250px;
    opacity: 100;
    width: 35px;
    height: 35px;
    top: -30px;
  
  }