@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

footer {

  background-color: #050a0e;
  color: #888;
  padding: 3rem 5%;
  border-bottom: 1px solid #238b23;
  height: 90px;
  padding: 10px 20px;

}
button:hover {
    background-color: #ffffff;
    color: #238b23;
    transition: background-color 0.5s, color 0.5s;
    
}

button {
    font-family: 'Poppins', sans-serif;
    background-color: #238b23;
    color: #ffffff;
    border: none;
    
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    
    font-size: 16px;
    border-radius: 15px;
    
    
    cursor: pointer;

}
p{
    color: #585757;
  
    margin-right: 10px;
    margin-left: 15px;
    font-size: 20px;
}
body p {
    margin-left: 15px;
}
body {
   font-family: 'Poppins', sans-serif;
  
   margin: 0;
   color: #ffffff;
}
span{
    color: #238b23;
}
    
h1{
    margin-left: 50px;
    font-size: 40px;
}
h3{
    MARGIN-LEFT: 35PX;
    font-size: 30px;
}

.stats {
    display: flex;
    flex-wrap: wrap; /* This allows items to stack on small screens */
    justify-content: center;
    align-items: center;
    gap: 20px; /* Adds space between the image and text */
    padding: 20px;
    background-color: rgba(21, 83, 21, 0.3);
}

.stats2 {
    text-align: center;
    justify-content: center;
    align-items: center;
    
    padding: 20px;
    background-color: rgba(21, 83, 21, 0.3);
}



.stats p {
    flex: 1 1 200px; 
    max-width: 400px;
}

.copyright {
position: relative;
bottom: 0px;
background-color: rgba(21, 83, 21, 0.3);
opacity:0.9;
color: #000000;
width: 100%;
height: 100px;
text-align: center;
border-top: solid;

}

.intro{
      text-indent: 10px;
    color: #ffffff;
    background-color: #183152;
    height:AUTO;
    margin: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-align: center;
    border-radius: 11px;
    opacity: 0.8;
    border-color: #00FFCC;
    border-width: 0.5px;
    border-style: solid;
    
     min-width: 200px
}
a:link,
a:visited,
a:hover,
a:active {
    color: inherit; /* Inherits text color from parent */
    text-decoration: none; /* Optional: removes underline */
}

.bigbox {
    background-color: rgba(21, 83, 21, 0.3);
    padding: 20px;
    border: 0.3px solid #233623;
    border-radius: 10px;
    margin: 20px auto;
    width: 60%;
    height: auto;
    max-width: 800px;
    text-align: center;
    content-align: center;

}