body {
            display: flex;
            flex-direction: column;
            min-height: 100vh; /* Make sure the body takes at least the full viewport height */
            background-color: #28614e; /* background color */
            margin: 0;
        }

        .Navbar {
            background-color: #163a2e;
            padding: 15px 0; 
        }

        .navbar-brand {
            display: flex;
            align-items: center;
        }

        .navbar-brand img {
            display: none; 
        }

        .navbar-brand span {
            font-size: 36px; /* Big Font for my Name */
            margin-left: 15px;
        }

        .navbar-nav .nav-item {
            margin-right: 10px;
        }

        .nav-link {
            font-size: 19px;
            color: #fff;
        }

        .nav-link:hover {
            color: #287960;
        }

        .bottom-margin {
            background-color: #173d30;
            color: #fff;
            text-align: center;
            padding: 30px;
            width: 100%;
        }



        
.container-information {
    margin-left: 60px; /* scootches the information systems/coding app container on home page over a tad */
}


.container-informationTwo {

    margin-left:  30px; /*scootches photography container on home page over a tad */
}


        /* The Following CSS code is SPECIFICALLY for ONLY the Resume page (Resume.html) */


/* body style for resume page */
.Resume-Page  body  {
    background-color: #788a80; /*background on resume page */
}

 .Resume-Page h1 {
    color: #fff6eb; /* Dark color for JUST the header on the resume page */
    /* All other specific styles for JUST the resume page */
}


.resume-button,          /*this block controls BOTH download resume and Home buttons*/
#home-button {
   
    display: inline-block;
    margin-top: 20px;
    background-color: #729689;
    color: #f7ecec;
    padding: 10px 15px;
    text-decoration: none;
    border: none;
    border-radius: 5px; /* Adds rounded corners to buttons */
    cursor: pointer;
    transition: background-color 0.3s ease;
    max-width: 150px; 
    width: auto; /* Allow the width to adjust based on content */
    box-sizing: border-box; /* Padding and border in the element's total width and height */
}

.resume-button:hover,
#home-button:hover {
    background-color: #6bcea8; /* color when hovering over these two buttons*/ 
}

.bottom-margin {
    background-color: #173d30;
    color: #fff;
    text-align: center;
    padding: 20px;
    width: 100%;
    
}
/* The Following CSS code is SPECIFICALLY for ONLY the CODING/Applications Page (Project2.html)!!! */

.coding-app-page body {
    background-color: #163a2e; /* background color */
    color: #667a77; /* text color */
}

.coding-app-page        h1 {
    color: #285e56; 
}

.coding-app-page .calculator-container {
    background-color: #f0e4c1;
    padding: 20px;
    margin: 20px;
    border-radius: 10px;
}

label {
    display: block;
    margin-top: 10px;
}

input,
button {
    margin-top: 5px;
}

#result {
    width: 100%;
    padding: 5px;
    margin-top: 10px;
    background-color: #b2dfb4; 
    border: 1px solid hsl(125, 100%, 15%); 
}

.description-text {
    margin-top: 20px;
}



/* The following CSS code is SPECIFICALLY for ONLY the TaskManager.HTML page */








.task-manager-page body {
    background-color: #28614e;
    color: #838383;
}

.task-manager-page h1 {
    color: #000000; /* Heading Text Color */
}

.container {
    color: #000; 
}

.task-bins {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.task-bins .bin {
    flex: 1;
    border: 2px solid #3498db;
    padding: 20px;
   
    border-radius: 10px;
    color: #000; /* Text color for task bins */
}

.card {
    color: #000; /* Text color for task cards */
    border: 2px solid #000 !important; /* wasn't seeing change so this should FORCE it */
    border-radius: 10px !important; /* Antoher FORCE command*/
    padding: 10px !important; /* third needed FORCE command */
    background-color: #e9fff4 !important; /* COLOR of the Cards, needed to be forced too */
}

.trash-bin {
    width: 100px;
    height: 100px;
    background-color: #a8ebbc; /*Color of the trash bin*/
    border: 2px solid #000;
    border-radius: 10px;
    text-align: center;
    line-height: 100px;
    font-size: 24px;
    position: fixed;
    right: 20px;
    top: 200px;
    cursor: pointer;
    color: #b950c7; 
    
}

/* Controls Margin for the footer */
.bottom-margin {
    background-color: #173d30;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-top: 20px; /* Increased margin for better spacing */
}


/* Task Manager specific styles */
#taskForm {
    margin-bottom: 20px;
}

#newTasksBin, #inProgressBin, #completedBin {
    min-height: 100px;
    border: 2px solid #a8a8a8;
    border-radius: 5px;
    padding: 10px;
    margin-right: 10px;
    background-color: #3b3b3b;
}

.list-group-item {
    cursor: grab;
    user-select: none;
   
}




#newTasksBin, #inProgressBin, #completedBin {
    
    border: 2px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-right: 10px;
    background-color: #ffffff;
    height: fit-content; 
}

.trash-bin.dragover {
    background-color: #55d3f3;
}

.trash-bin {
    transition: 0.3s ease;
}