@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Layout/About.razor.rz.scp.css */
.sidebar-container[b-vsvf1d084g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.sidebar-container *[b-vsvf1d084g] {
    margin: 0.5rem auto;
}

.sidebar-container > .glass[b-vsvf1d084g] {
    width: 100%;
}

p > a[b-vsvf1d084g] {
    overflow-wrap: anywhere;
}

#headshot[b-vsvf1d084g] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/* /Layout/LandingLayout.razor.rz.scp.css */
.page[b-7f76m3qnfe] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

#mainNav[b-7f76m3qnfe] {
    height: 5vh;
    max-height: 50px;
    min-height: 40px;
    flex-shrink: 0;
}

.page > .container[b-7f76m3qnfe] {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    width: 100vw;
    max-width: 100vw;
    height: 95vh;
    background-image: url(background.JPEG);
    background-position: center center;
    background-size: cover;
}

main[b-7f76m3qnfe] {
    flex: 1;
    margin: 1rem;
    height: auto;
}

footer[b-7f76m3qnfe] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #364a36;
    color: tan;
    flex-wrap: wrap;
}

footer p[b-7f76m3qnfe] {
    margin: 8px 16px;
}

footer p a[b-7f76m3qnfe] {
    color: tan;
}

/* Target the entire scrollbar and make its background transparent */
[b-7f76m3qnfe]::-webkit-scrollbar {
    background-color: transparent;
    width: 16px; /* Adjust width as needed */
    height: 16px; /* Adjust height as needed for horizontal scrollbar */
}

/* Target the scrollbar track and make its background transparent */
[b-7f76m3qnfe]::-webkit-scrollbar-track {
    background-color: transparent;
}

/* Style the scrollbar thumb */
[b-7f76m3qnfe]::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 46%, 0.8); /* Example thumb color with transparency */
    border-radius: 8px; /* Example rounded corners for the thumb */
    border: 4px solid transparent;
    background-clip: padding-box;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-v8q5m4zhkd] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

#mainNav[b-v8q5m4zhkd] {
    height: 5%;
    flex-shrink: 0;
}

.page > .container[b-v8q5m4zhkd] {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    width: 100vw;
    max-width: 100vw;
    height: 92%;
    background-image: url(background.JPEG);
    background-position: center center;
    background-size: cover;
}

main[b-v8q5m4zhkd] {
    flex: 1;
    margin: 1rem;
    height: auto;
}

.sidebar[b-v8q5m4zhkd] {
    display: none;
    overflow-y: auto;
}


footer[b-v8q5m4zhkd] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #364a36;
    color: tan;
    flex-wrap: wrap;
    flex-shrink: 0;
    height: 3%;
}

footer p[b-v8q5m4zhkd] {
    margin: 8px 16px;
}

footer p a[b-v8q5m4zhkd] {
    color: tan;
}

@media screen and (min-width: 851px) and (max-width: 1135px) {
    #aboutSidebar[b-v8q5m4zhkd] {
        display: flex;
        width: max(250px, 20vw);
        position: relative;
        top: 0;
        margin: 1rem;
        overflow-x: hidden;
    }
}

@media (min-width: 1136px) {

    .sidebar[b-v8q5m4zhkd] {
        display: flex;
        width: max(250px, 20vw);
        position: relative;
        top: 0;
        margin: 1rem;
        overflow-x: hidden;
    }

    #onThisPageSidebar[b-v8q5m4zhkd] {
        left: 0;
    }

    #aboutSidebar[b-v8q5m4zhkd] {
        right: 0;
    }
}



/* Target the entire scrollbar and make its background transparent */
[b-v8q5m4zhkd]::-webkit-scrollbar {
    background-color: transparent;
    width: 16px; /* Adjust width as needed */
    height: 16px; /* Adjust height as needed for horizontal scrollbar */
}

/* Target the scrollbar track and make its background transparent */
[b-v8q5m4zhkd]::-webkit-scrollbar-track {
    background-color: transparent;
}

/* Style the scrollbar thumb */
[b-v8q5m4zhkd]::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 46%, 0.8); /* Example thumb color with transparency */
    border-radius: 8px; /* Example rounded corners for the thumb */
    border: 4px solid transparent;
    background-clip: padding-box;
}
/* /Layout/NavMenu.razor.rz.scp.css */
nav[b-d13n4iuesv] {
    height: 100%;
}

.navbar[b-d13n4iuesv] {
    padding: 0;
    height: 100%;
    background-color: #364a36;
}

[b-d13n4iuesv] a {
    color: tan;
}

[b-d13n4iuesv] a:hover {
    text-decoration: underline;
    color: tan;
}

[b-d13n4iuesv] a.active {
    color: tan !important;
    text-decoration: underline !important;
}

.navbar-toggler[b-d13n4iuesv] {
    color: white;
    background-color: black;
}

.navbar > .container-fluid[b-d13n4iuesv] {
    display: flex;
    z-index: 10;
    background-color: #364a36;
}
/* /Layout/OnThisPage.razor.rz.scp.css */
.sidebar-container[b-fv649vhqbe] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sidebar-container *[b-fv649vhqbe] {
    margin: 0.5rem auto;
}
/* /Pages/Education.razor.rz.scp.css */
table td[b-g6g2po7u96] {
    vertical-align: middle;
}

.right-align[b-g6g2po7u96] {
    text-align: right;
}

#cdTitle[b-g6g2po7u96] {
    margin-bottom: 1.5rem;
}
/* /Pages/Home.razor.rz.scp.css */
#homeContainer[b-qkqvtk7xtj] {
    display: flex;
    flex-direction: column-reverse;
    padding: 1rem;
    align-items: center;
    justify-content: space-evenly;
}

#homeContainer img[b-qkqvtk7xtj] {
    max-width: 80%;
    max-height: 600px;
    border-radius: 20px;
}

#homeContainer > div[b-qkqvtk7xtj] {
    width: 100%;
}

@media screen and (min-width: 1300px) {
    #homeContainer[b-qkqvtk7xtj] {
        flex-direction: row-reverse;
        width: 70%;
        margin: 1rem auto;
    }

    #homeContainer > div[b-qkqvtk7xtj] {
        width: 40%;
    }
}
/* /Pages/Projects.razor.rz.scp.css */
.card-grid[b-ixkrvxvjtz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1.5rem;
}

.card-grid img[b-ixkrvxvjtz] {
    width: auto;
    height: auto;
    max-height: 200px;
    object-fit: contain;
}