Minorproject.css

body{background: url(https://w.wallhaven.cc/full/4y/wallhaven-4yxoel.jpg);
    background-size: 100px 100px;
    background-repeat: no-repeat;
    color: #fff;
    padding: 10px 0;
    text-align: center;}
    *{
        margin:0px;
        padding: 0px;
        box-sizing: border-box;

    }
    /* nav{
        width: 100%;
        height: 75px;
        line-height: 75px;
        padding: 0px 100px;
        position: relative;
        background-image: url(wallhaven-4yxoel_2560x1080.png);

    }
     */
     .social{
        display:flex;
        justify-content: space-evenly;
     }
     .c{
        border-radius: 15px;
     }
     a{
        color:red;
     }
     li{
        list-style: none;
     }
     /* Minorproject.css */
body {
   font-family: Arial, sans-serif;
   margin: 0;
}

h1, h2 {
   color: #333;
}

h1 {
   font-size: 24px;
}

h2 {
   font-size: 20px;
   margin-top: 20px;
}

form {
   margin: 20px 0;
}

label {
   display: block;
   margin: 10px 0 5px;
}

input {
   width: 100%;
   padding: 8px;
   margin-bottom: 10px;
}

button {
   background-color: blue;
   color: white;
   padding: 10px 15px;
   border: none;
   cursor: pointer;
}

button:hover {
   background-color: darkblue;
}

footer {
   background-color: #f8f8f8;
   padding: 20px;
   text-align: center;
}
.footer {
   background-color: #2c3e50; /* Dark background for the footer */
   color: white; /* White text color for better contrast */
   padding: 20px; /* Padding for spacing */
   text-align: center; /* Center align text */
}

.footer-content {
   display: flex; /* Use flexbox for layout */
   flex-direction: column; /* Stack items vertically */
   align-items: center; /* Center items */
}

.footer-logo {
   margin-bottom: 10px; /* Space below the logo */
}

.footer-social {
   margin-bottom: 10px; /* Space below the social links */
}

.social {
   list-style: none; /* Remove default list styling */
   padding: 0; /* Remove default padding */
   display: flex; /* Use flexbox for social links */
   justify-content: center; /* Center align the items */
}

.social li {
   margin: 0 10px; /* Space between social icons */
}

.social img {
   transition: transform 0.3s; /* Add a transition for hover effect */
}

.social img:hover {
   transform: scale(1.1); /* Slightly enlarge the icon on hover */
}

.footer-bottom {
   font-size: 14px; /* Smaller font size for the copyright text */
}