plantation drive .css

body{background-color: rgba(255, 228, 196,0.5);}

 .container{background-color:rgba(128, 0, 128,0.6); 
    margin:20px;
    padding:10px;
color: azure;
height:45px;
font-family: arial;
display:flex;
justify-content: center;
align-items: center;
border-radius:8px;
border:2px solid silver;
box-shadow:2px 3px 4px 5px ;}

.box1{height:70vh;
margin:30px;
width:100%;}
.img1{background-image: url(plant3.jpg);
background-size: cover;
height:300px;
width:60%;
display:flex;
justify-content: center;
align-items: center;
border-radius: 8px;
border:3px solid black;
box-shadow: 4px 4px 4px 4px;} 

button{background-color:darkviolet;
color:azure;margin:5px;
font-size: 15px;
height:45px;
width:75px;
border-radius: 5px;
box-shadow:3px 3px 3px 3px;
position: relative;
left:80%;
}

.a{
    font-size:40px;
    position: relative;
    color:green;}
 
    .animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 150% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
font-size: 40px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.content{position:absolute;
    height:100vh;
    width:100%;
    display:inline-block;

}
 button:hover{color:white;}
.logo:hover{color:black;
font-size: 50px;}