body{
    background-color: black;
}

@font-face {
    font-family: Green_Energy;
    src: url('media copy/Green_Energy.ttf');
} 




p{
    
    color:#00ff4f;
   font-family: 'Helvetica';
    letter-spacing: -.6px;  
    line-height: 1.6;
}

img {
    display: block;
    max-width: 244px;
    margin: 20px auto;
    transition: transform 0.3s ease;
    align-items: left;
}

img:hover {
    transform: scale(1.1);
}


h2{
    text-align: center;
   color:#eaff00 ;
        font-family: Green_Energy;
}
b{
      text-align: center; 
    color:#ffbb00
}


.container {
    max-width: 800px;
    margin: auto;
    background: rgba(255, 255, 255, 0.05); /* Subtle glass effect */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 20px rgba(0, 230, 118, 0.3);
}


/* Smooth Scroll Effect */
html {
    scroll-behavior: smooth;
}




.video-wrapper {
    max-width: 350px;  /* Adjust to make it smaller */
    margin: auto;
    position: relative;
    padding-top: 56.25%; /* Maintains 16:9 aspect ratio */
    overflow: hidden;
    border-radius: 10px; /* Optional: Rounded corners */
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* No frameborder needed */
}