* {
  margin: 0;
  padding: 0;
}

body {
    background: linear-gradient(rgba(0, 0, 0, 0.6), #09c583), url(images/sele5.png); /* Gradient and image background */
    background-size: cover; /* Ensures the background covers the entire viewport */
    background-attachment: fixed; /* Keeps the background fixed in place when scrolling */
    background-position: center; /* Centers the background */
    background-repeat: no-repeat; /* Prevents the background from repeating */
    height: 100vh; /* Ensure the body covers the full height of the viewport */
    margin: 0; /* Resets default margin */
    padding: 0; /* Resets default padding */
}


.lists 
{
  padding-left: 20px;
  font-size: large;
  font-family:Verdana, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  list-style-type: square;
  font-weight: bold;
}

.lists li
{
  margin-bottom:10px;
}
.Technologies 
{
  color: black;

  margin-left: 10px;

  cursor: pointer;
  text-shadow: 2px 2px 5px rgb(255, 255, 255);
}

.tech-image 
{
    width: 2%;
    height: auto;
}

h4 
{
  color: white;
  padding-top: 20px;
  text-decoration-line: overline underline;
  margin-left: 20px;
}



.more {
  color: gold;

  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  background: rgb(235, 10, 10);
  border-radius: 6px;
  position: absolute;
  top: 0%;
  right: 0%;
  cursor: pointer;
  font-size: 20px;
  text-decoration: none; /* Doesnt underlines the text */
}




footer
 {
    position: fixed; /* Keeps the footer at the bottom even when scrolling */
    bottom: 0; /* Positions the container at the bottom of the viewport */
    left:0px;
    width: 100%; /* Makes the container stretch across the full width of the page */
    color: #ffffff; /* Change the font color to white for all text inside the footer */

    background: linear-gradient(to right, #2a3118, #450606); /* Light gradient background */
    text-align: center; /* Centers the links horizontally */
    box-shadow: 0 -2px 5px rgba(241, 235, 235, 0.1); /* Adds a slight shadow */
    border-top: 1px solid #e6b7b7; /* Light top border */
    z-index: 1000; /* Ensures the footer stays above other elements */
    font-family: Arial, sans-serif; /* Font */
    font-size: clamp(15px, 18px, 20px); /* Responsive font size */
    transition: color 0.3s ease, text-decoration 0.3s ease; /* Smooth transition for hover effects */
}

footer p
{

margin: 4px;
}



@media (max-width: 768px) {
    .tech-image {
        width: 5%;
        /* Increase size on mobile */
    }
}