/*
    Author: prlogan
    Original Date: 11/19/2025
    Purpose: CIS 1280 Final Portfolio
    Custom CSS Styling Overrides
    Updated: 12/4/2025
*/

/*Nav Bar*/
/*Custom colors for Navbar*/
.customNavClass {
    background-color: #6c236c;
    border-bottom: #350D67 solid 4px;

}
/*Customizes Active Page Navbar Colors*/
.nav-pills {
    --bs-nav-pills-link-active-bg: #932F93;
    --bs-navbar-active-color: #FFCC00;
}
/*Custom color for Navbar links*/
.nav-link {
    color: #ECA315;
}
/*Customizes navbar-brand class color, size, position*/
.navbar-brand {
    margin-left: 15px;
    color: #FFCC00;
    font-size: 175%;
}
/*Custom navMenu size*/
.navMenuOptions {
    font-size: 110%;
}

/*Fonts*/
/*Nunito Font for Nav Bar*/
.nunitoFont {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
/*Main Website Font*/
.rubikFont {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 450;
    font-style: normal;
}

/*Body*/
/*Main Container for body, adds orange lines on sides of screen*/
#bodyContainer {
    background-color: #E2852E;
    padding-top: 60px;
    padding-bottom: 30px;
}
/*Main inner container for body, sets background color and padding*/
#innerContainer {
    min-height: 100vh; /*Makes container take up full screen if content less than full size*/
    background-color: #FFEE91;
    padding-top: 30px;
}
/*Centers carousel on screen*/
#carouselExample {
    margin: 0 auto;
}

/*Main paragraph container, sets spacing*/
.paragraphContainer {
    margin: 40px auto;
    padding: 30px 100px;
    text-align: center;
    font-size: 100%;
}

/*Increases font size on smaller devices*/
@media (min-width: 600px) {
    .paragraphContainer {
        font-size: 130%;
    }
}

/*Gives carousel set width and special borders when screen size 1080px or greater*/
@media (min-width: 1080px) {
    #carouselExample {
        max-width: 1000px;

    }

    .carouselModifier {
        border: #1a1d20 solid 3px;
        border-radius: 0 15%;
    }
}

/*Sets h1 to center text on screen*/
h1 {
    text-align: center;
}
/*Sets h2 to center text on screen*/
h2 {
    text-align: center;
}

/*Container for profiles in about.html*/
.aboutProfile {
    padding: 20px;
    margin: 5px auto;
    border: black dotted 5px;
    text-align: center;
    background-color: #612F93;
    color: white;
    font-size: 120%;
}

/*Modifies img-fluid class to center with block display type*/
.img-fluid {
    display: block;
    margin: auto;
}
/*border styling for game screenshot images*/
.screenShotsContainer {
    border: white solid 2px;
}
/*centers figcaption text and increases size*/
figcaption {
    text-align: center;
    font-size:130%;
}

/*Table*/
/*Styling for table caption color, position, size*/
caption {
    text-align: center;
    caption-side: top;
    color: #612F93;
    font-size: 140%;
    font-weight: bolder;
}
/*Aligns table elements to middle vertically*/
th,td{
    font-size: 120%;
    vertical-align: middle;
}

.container-fluid {
    margin: 0 auto;
}

/*Footer*/
/*Stylization and positioning for footer element*/
footer {
    background-color: #612F93;
    color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

/*Changes color for text links*/
.styledLinks {
    color: #ff6f00;
    text-decoration: none;
}