/* General styling */
body {
    background-color: #F0D06D;
}

/* Navigation Bar Styling */
#navigationBar {
    background-color: #FFCF40;
}

#homeButton {
    background-color: #FFCF40;
}

/* Button Styling */
#home2Button {
    background-color: #F8D057;
}

#purduePrepon {
    background-color: #F0D06D;
    transition: background-color 0.3s ease;
}

#moveInButton {
    background-color: #CAB264;
    transition: background-color 0.3s ease;
}

#firstWeekButton {
    background-color: #A5945B;
    transition: background-color 0.3s ease;
}

#settlingInButton {
    background-color: #7F7652;
    transition: background-color 0.3s ease;
}

#resourcesButton {
    background-color: #5A5849;
    transition: background-color 0.3s ease;
}

#tipsButton {
    background-color: #343a40;
    transition: background-color 0.3s ease;
}

#purduePrepon:hover,
#moveInButton:hover,
#firstWeekButton:hover,
#settlingInButton:hover,
#resourcesButton:hover,
#tipsButton:hover,
#homeButton:hover {
    background-color: #212121;
    color: #FFCF40;
    transition: color 0.3s ease;
}

/* Sidebar Styling */
#sidebar {
    width: 250px;
    padding-top: 60px;
    background-color: #343a40;
    color: white;
    transition: all 0.3s ease;
    height: auto;
}

#sidebar.collapsed {
    width: 0;
    padding-top: 60px;
    overflow: hidden;
}

#sidebar a {
    color: white;
    text-decoration: none;
    padding: 10px;
    display: block;
}

#sidebarHeading {
    /* Additional styling if needed */
}

#toggleSidebarBtn {
    width: 100%;
    letter-spacing: 0.2em;
}

/* Content Styling */
#content {
    margin-left: 30px;
    transition: margin-left 0.3s ease;
    height: auto;
}

#content.expanded {
    margin-left: 0;
}

/* Other Elements */
#bottomContainer {
    background-color: lightgrey;
    height: auto;
}

#containerUnderButtons, #footerClass {
    background-color: #F0D06D;
}

#purduePrepHeading,
#moveInHeading {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    letter-spacing: 0.5em;
}

/* Additional styles from multiMaster.css */
#container {
    padding: 1em;
    width: 92em;
    height: 150em;
}

#header {
    padding: 1em;
    border-bottom: .5em double #2D2D33;
    width: 90em;
    height: 4em;
    background-color: #F7EDD2;
}

#linkHeader,
#purduePrepHeader {
    font-size: 2.5em;
}

#linky,
#sidebar,
#content {
    background-color: #F7EDD2;
}


/* ...Form styling... */
#form-group:required{
font-weight: bolder;
}