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

/* _content/PortfolioWebsite/Components/Layout/FooterContent.razor.rz.scp.css */

.section[b-rvhsphhnsc] {
    /*padding-left: 5em;
    padding-right: 5em;
    padding-top: 1em;
    display: inline-block;*/
}
.contact[b-rvhsphhnsc] {
    /*color: red !important;*/
    /*display: inline-block;*/
    border-bottom: solid;
    border-width: 0.1em;
    /* position: relative;
    top: -40px;*/
}
.contactInfo[b-rvhsphhnsc] {
    /*display: inline-block;*/
}
p[b-rvhsphhnsc] {
    display: inline-block;
}
h5[b-rvhsphhnsc] {
    display: inline-block;
    
}
hr[b-rvhsphhnsc] {
    width: 20em;
}

.cntctSectionSm[b-rvhsphhnsc] {
    display:none;
}

@media (max-width: 900px) {
    .cntctSection[b-rvhsphhnsc]{
        display:none;
    }

    .cntctSectionSm[b-rvhsphhnsc] {
        display:block;
    }
}
/* _content/PortfolioWebsite/Components/Layout/ImageButton.razor.rz.scp.css */
.imageDiv[b-0nrt5p5znu] {
<!--width: 49%;-->
<!--display: inline-flex;-->
<!--justify-content: center;
align-items: center;-->
}

.imgCrop[b-0nrt5p5znu] {
    height: 300px;
    width: 300px;
    object-fit: cover;
    border-radius: 10px;  /*--------*/
}


/*----------------------------------------------*/

.imgWrap[b-0nrt5p5znu] {
    position: relative;
}
.ovrlayBlur[b-0nrt5p5znu] {
    position: absolute;
    top: -0em;
<!--top: 0;-->
    left: 0;
    bottom: 0;
<!--height: 1800%;-->
    height: 100%;
    width: 300px;
    overflow: hidden;
    backdrop-filter: blur(8px) brightness(80%);
    opacity: 0;
    transition: all .3s ease-in-out;

    border-radius: 10px;   /*--------*/
}
.ovrlayText[b-0nrt5p5znu] {
    position: absolute;
<!--left: 33%;
top: 40%;-->
    opacity: 0;
    font-size: 30px;
    transition: all .3s ease-in-out;
    color:white;

}

.imgWrap:hover .ovrlayBlur[b-0nrt5p5znu] {
    /*bottom: 0;
    height: 100%;*/
    opacity: 1;
}
.imgWrap:hover .ovrlayText[b-0nrt5p5znu] {
    /*bottom: 0;
    height: 100%;*/
    opacity: 1;
}

.link[b-0nrt5p5znu] {

    color:white;
}

@media (max-width: 1250px) {

    .imgCrop[b-0nrt5p5znu] {
        height: 150px;
        width: 100%;
        margin-bottom: 0.1em;
        border-radius: 0px;
    }

    .ovrlayBlur[b-0nrt5p5znu] {
        height: 150px;
        width: 100%;
        border-radius: 0px;
    }
}
/* _content/PortfolioWebsite/Components/Layout/MainLayout.razor.rz.scp.css */
[b-z3e8ea6u9f] .nav-link {
  color: white !important;
}

[b-z3e8ea6u9f] .nav-link:hover {
    color: gray !important;
}

[b-z3e8ea6u9f] .active {
  color: deepskyblue !important;
  border-bottom:solid;
  border-width:0.1em;
}
[b-z3e8ea6u9f] .active.burgerOption{
    background-color: rgb(25,25,25);
}

.nav[b-z3e8ea6u9f] {
    background-image: linear-gradient(45deg, rgb(40, 40, 40) 40%, rgb(0, 0, 0)90%);
}

.footer[b-z3e8ea6u9f] {
    background-image: linear-gradient(45deg, rgb(40, 40, 40) 40%, rgb(0, 0, 0)90%);
    color:white;
}
.page[b-z3e8ea6u9f] {
    /*background-image: url(../../Images/blackSand1.jpg);*/
    /*background-image: linear-gradient(rgba(0,0,0,0.95), rgba(0,0,0,0.65)), url(https://editors-cdn.template.net/Black%20Sand%20Texture%20Background.png-0480a376-84f8-45a0-a1c3-657743ee7b55.png);*/
    background-color: rgb(20,20,20);
    color: white;
}

.btn[b-z3e8ea6u9f] {
    margin:1em;
    margin-left:2.5em;
    width:4em;
    height:3em;
    border-color:gray;
}
[b-z3e8ea6u9f] .btn:hover {
    background-color: rgb(35,35,35);
    color:grey;
}

[aria-expanded="true"][b-z3e8ea6u9f] {
    color:deepskyblue;
    border-color: deepskyblue;
}

.expandedNav[b-z3e8ea6u9f] {
    background-color: rgb(30,30,30);
    position:sticky;
}


/*.pageOverlay {
    background-color: rgba(0, 0, 0, 0.65);
}*/
/*
.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row ::deep a, .top-row ::deep .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}*/
#blazor-error-ui[b-z3e8ea6u9f] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-z3e8ea6u9f] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.burgerMenu[b-z3e8ea6u9f] {
    display:none;
}

.nav-item-burger[b-z3e8ea6u9f] {
    margin-left: 1.5em;
    padding-top:1em;
    padding-bottom:1em;
}

@media (max-width: 700px) {
    .mainMenu[b-z3e8ea6u9f] {
        display:none;
    }

    .burgerMenu[b-z3e8ea6u9f] {
        display:block;
    }

    [b-z3e8ea6u9f] .active {
        color: deepskyblue;
        border-bottom: none;
    }
}
/* _content/PortfolioWebsite/Components/Layout/NavMenu.razor.rz.scp.css */
/*.navbar-toggler {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand {
    font-size: 1.1rem;
}

.bi {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type {
        padding-top: 1rem;
    }

    .nav-item:last-of-type {
        padding-bottom: 1rem;
    }

    .nav-item ::deep .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item ::deep a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item ::deep .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler {
        display: none;
    }

    .nav-scrollable {*/
        /* Never collapse the sidebar for wide screens */
        /*display: block;*/

        /* Allow sidebar to scroll for tall menus */
        /*height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}*/
/* _content/PortfolioWebsite/Components/Pages/3DModelling.razor.rz.scp.css */
/*::deep .nav-link {
  color: white !important;
}

::deep .nav-link:hover {
    color: gray !important;
}

::deep .active {
  color: deepskyblue !important;
  border-bottom:solid;
  border-width:0.1em;
}*/



/*----------------------------------------------*/

.hr[b-zfgtu6gvi8] {
    width: 30%;
    margin: auto;
    margin-top: 3em;
    margin-bottom: 5em;
}

a[b-zfgtu6gvi8] {
    /*background-image: linear-gradient( to right, #54b3d6, #54b3d6 50%, #FFFFFF 50% );*/
    background-image: linear-gradient( to right, deepskyblue, royalBlue 50%, deepskyblue);
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
    font-weight:bold;
}

p[b-zfgtu6gvi8] {
    text-align: justify;
}

.imgCrop[b-zfgtu6gvi8] {
   /* --------- CHANGE IMAGE WIDTH/HEIGHT HERE -----------*/
    /*width: 100% !important;*/
    aspect-ratio:1/1;
    object-fit: cover !important;
    filter: grayscale(0%);
    transition-duration: .3s;

    border-radius: 2.5px;
}

/*.imageCrop {
    width:100px;
    height:100px;
    object-fit:cover;
}*/
[b-zfgtu6gvi8] .modal-content {
    background-color: rgb(40,40,40);
}
[b-zfgtu6gvi8] .modal-footer {
    border-top:0;
}

[b-zfgtu6gvi8] .imgContainer .btn {
    padding: 0.5px;
}
[b-zfgtu6gvi8] .btn:hover {
    background-color: rgba(0,0,0,0);
}
[b-zfgtu6gvi8] .btn:active {
    border-color: rgba(0,0,0,0);
}

[b-zfgtu6gvi8] .btn:hover img {
    /*transform: scale(1.01);*/
    transition-duration: .3s;
    filter: grayscale(40%);
    /*opacity: .7;*/
}

/*.ovrlayBlur {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    backdrop-filter: blur(8px) brightness(80%);
    opacity: 1;
    transition: all .3s ease-in-out;
    border-radius: 10px;*/ /*--------*/
/*}*/
.btn:hover .imgCrop[b-zfgtu6gvi8] {
    backdrop-filter: blur(8px) brightness(80%);
}

.divider[b-zfgtu6gvi8] {
    height:50px;
}
/*a:before {
        content: '';
        background: deepskyblue;
        display: block;
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 0;
        height: 3px;
        transition: all 0.3s ease-in-out;
    }*/
a:hover[b-zfgtu6gvi8] {
    background-position: 0;
}

        a:hover[b-zfgtu6gvi8]::before {
            width: 100%;
        }

.imgCropCarousel[b-zfgtu6gvi8] {
    aspect-ratio: 2/1;
    height: 200px;
    object-fit: cover !important;
    filter: grayscale(0%);
    transition-duration: .3s;
    /*border-radius: 2.5px;*/
    border-radius: 5px;
}

/*------- BIG IMAGE -------*/
.imageBlock[b-zfgtu6gvi8] {
    display: inline-flex;
    justify-content: end;
    align-items: center;
    padding: 0;
}

.imageCrop[b-zfgtu6gvi8] {
    height: 400px;
    width: 400px;
    object-fit: cover;
    border-radius: 25px; /*--------*/
}

.imgWrapper[b-zfgtu6gvi8] {
    position: relative;
}



[b-zfgtu6gvi8] .active {
    color: none !important;
    border-bottom: none !important;
}

.lightGreyBg[b-zfgtu6gvi8] {
    background-color: rgb(50,50,50);
    margin-bottom: 3em;
}

@media (min-width: 800px) {
    .imgCropCarousel[b-zfgtu6gvi8] {
        height: 400px;
    }
    .carousel[b-zfgtu6gvi8] {
        width: 50vw;
    }
}


/* _content/PortfolioWebsite/Components/Pages/Animation.razor.rz.scp.css */
/*::deep .nav-link {
  color: white !important;
}

::deep .nav-link:hover {
    color: gray !important;
}

::deep .active {
  color: deepskyblue !important;
  border-bottom:solid;
  border-width:0.1em;
}*/



/*----------------------------------------------*/

.hr[b-v1n2a91139] {
    width: 30%;
    margin: auto;
    margin-top: 3em;
    margin-bottom: 5em;
}

a[b-v1n2a91139] {
    /*background-image: linear-gradient( to right, #54b3d6, #54b3d6 50%, #FFFFFF 50% );*/
    background-image: linear-gradient( to right, deepskyblue, royalBlue 50%, deepskyblue);
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
    font-weight:bold;
}

p[b-v1n2a91139] {
    text-align: justify;
}

.imgCrop[b-v1n2a91139] {
   /* --------- CHANGE IMAGE WIDTH/HEIGHT HERE -----------*/
    /*width: 100% !important;*/
    aspect-ratio:1/1;
    object-fit: cover !important;
    filter: grayscale(0%);
    transition-duration: .3s;

    border-radius: 2.5px;
}

/*.imageCrop {
    width:100px;
    height:100px;
    object-fit:cover;
}*/
[b-v1n2a91139] .modal-content {
    background-color: rgb(40,40,40);
}
[b-v1n2a91139] .modal-footer {
    border-top:0;
}

[b-v1n2a91139] .imgContainer .btn {
    padding: 0.5px;
}
[b-v1n2a91139] .btn:hover {
    background-color: rgba(0,0,0,0);
}
[b-v1n2a91139] .btn:active {
    border-color: rgba(0,0,0,0);
}

[b-v1n2a91139] .btn:hover img {
    /*transform: scale(1.01);*/
    transition-duration: .3s;
    filter: grayscale(40%);
    /*opacity: .7;*/
}

/*.ovrlayBlur {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    backdrop-filter: blur(8px) brightness(80%);
    opacity: 1;
    transition: all .3s ease-in-out;
    border-radius: 10px;*/ /*--------*/
/*}*/
.btn:hover .imgCrop[b-v1n2a91139] {
    backdrop-filter: blur(8px) brightness(80%);
}

.divider[b-v1n2a91139] {
    height:50px;
}
/*a:before {
        content: '';
        background: deepskyblue;
        display: block;
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 0;
        height: 3px;
        transition: all 0.3s ease-in-out;
    }*/
a:hover[b-v1n2a91139] {
    background-position: 0;
}

        a:hover[b-v1n2a91139]::before {
            width: 100%;
        }

.lightGreyBg[b-v1n2a91139] {
    background-color: rgb(50,50,50);
    /*margin-bottom: 3em;*/
}

.imgCropCarousel[b-v1n2a91139] {
    aspect-ratio: 2/1;
    height: 200px;
    object-fit: cover !important;
    filter: grayscale(0%);
    transition-duration: .3s;
    border-radius: 2.5px;
}
/*------- BIG IMAGE -------*/
.imageBlock[b-v1n2a91139] {
    display: inline-flex;
    justify-content: end;
    align-items: center;
    padding: 0;
}

.imageCrop[b-v1n2a91139] {
    height: 400px;
    width: 400px;
    object-fit: cover;
    border-radius: 25px; /*--------*/
}

.imgWrapper[b-v1n2a91139] {
    position: relative;
}



[b-v1n2a91139] .active {
    color: none !important;
    border-bottom: none !important;
}

.lightGreyBg[b-v1n2a91139] {
    background-color: rgb(50,50,50);
    margin-bottom: 3em;
}

.playIcon[b-v1n2a91139] {
    transform: scale(5);
    color: white;
}

.overlay[b-v1n2a91139] {
    /*background-image: url(http://www.w3.org/2000/svg);*/
    /*background-color: red;*/

    position: relative;
    width: 500px;
}

.thumbnailCrop[b-v1n2a91139] {
    /*height: 350px;
    width: 550px;*/
    aspect-ratio: 2/1;
    border-radius: 10px;
    height:250px;
}

.image-wrapper[b-v1n2a91139] {
    position: relative;
    display: inline-block;
    aspect-ratio: 2/1;
}
.image-wrapper img[b-v1n2a91139] {
    display: block;
}
.image-wrapper .icon[b-v1n2a91139] {
    position: absolute;
    top: 50%;
    left:50%;
    /*transform: translate(-50%, -50%);*/
    color: white;
    font-size: 1rem;
}

@media (min-width: 800px) {
    .imgCropCarousel[b-v1n2a91139] {
        height: 400px;
    }
}


/* _content/PortfolioWebsite/Components/Pages/Counter.razor.rz.scp.css */



/* _content/PortfolioWebsite/Components/Pages/Home.razor.rz.scp.css */
/*::deep .nav-link {
  color: white !important;
}

::deep .nav-link:hover {
    color: gray !important;
}

::deep .active {
  color: deepskyblue !important;
  border-bottom:solid;
  border-width:0.1em;
}*/

.Name[b-pdvosi12fw] {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient( to right, deepskyblue, royalBlue 50%, deepskyblue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin:0;
}

.Banner[b-pdvosi12fw] {
    background-image: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.45)), url(https://editors-cdn.template.net/Black%20Sand%20Texture%20Background.png-0480a376-84f8-45a0-a1c3-657743ee7b55.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.flatBgSection[b-pdvosi12fw] {
    background-color: rgb(50,50,50);
    margin-bottom: 3em;
}

p[b-pdvosi12fw]{
    text-align:justify;
}

.textBlock[b-pdvosi12fw]{
    display:inline-block;
}

.imageBlock[b-pdvosi12fw] {
    display:inline-flex;
    justify-content: end;
    align-items: center;
    padding:0;
}

.imageCrop[b-pdvosi12fw] {
    height: 400px;
    width: 400px;
    object-fit: cover;
    border-radius: 25px;  /*--------*/
}

.hr[b-pdvosi12fw] {
    width: 30%;
    margin: auto;
    margin-top:3em;
    margin-bottom: 5em;
}

/*----------------------------------------------*/

.imgWrapper[b-pdvosi12fw] {
    position: relative;
}
.overlayBlur[b-pdvosi12fw] {
    position: absolute;
    left: 0;
    top: 0;

    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    backdrop-filter: blur(8px) brightness(80%);
    opacity: 0;
    transition: all .3s ease-in-out;

    border-radius: 25px;   /*--------*/
}
.overlayText[b-pdvosi12fw] {
    position: absolute;
    left: 33%;
    top: 40%;
    opacity: 0;
    font-size: 50px;
    transition: all .3s ease-in-out;
}

.imgWrapper:hover .overlayBlur[b-pdvosi12fw] {
    /*bottom: 0;
    height: 100%;*/
    opacity: 1;
}
.imgWrapper:hover .overlayText[b-pdvosi12fw] {
    /*bottom: 0;
    height: 100%;*/
    opacity: 1;
}

/*----------------------------------------------*/

a[b-pdvosi12fw] {
    /*background-image: linear-gradient( to right, #54b3d6, #54b3d6 50%, #FFFFFF 50% );*/
    background-image: linear-gradient( to right, deepskyblue, royalBlue 50%, deepskyblue);
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
    font-weight:bold;
}

    /*a:before {
        content: '';
        background: deepskyblue;
        display: block;
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 0;
        height: 3px;
        transition: all 0.3s ease-in-out;
    }*/

    a:hover[b-pdvosi12fw] {
        background-position: 0;
    }

        a:hover[b-pdvosi12fw]::before {
            width: 100%;
        }

@media (min-width: 1250px) {

    .imageLinks[b-pdvosi12fw] {
        display:flex;
        justify-content:space-around;
        margin-bottom:5em;
    }

    .flatBgSection[b-pdvosi12fw] {
        display: flex;
        justify-content: center;
    }

    /*.imageCrop {
        width: 500px;
    }*/

/*
    .imageCrop {
        height: 150px;
        width: 100%;
        margin-bottom: 0.1em;
    }

    .overlayBlur {
        height: 150px;
        width: 100%;
    }*/
}

/*@media (max-width: 1250px) {
    .imageBlock {
        display: none !important;
    }
}*/


    

/* _content/PortfolioWebsite/Components/Pages/Illustration.razor.rz.scp.css */


/*::deep .nav-link {
  color: white !important;
}

::deep .nav-link:hover {
    color: gray !important;
}

::deep .active {
  color: deepskyblue !important;
  border-bottom:solid;
  border-width:0.1em;
}*/



/*----------------------------------------------*/

a[b-jazf5a9m6e] {
    /*background-image: linear-gradient( to right, #54b3d6, #54b3d6 50%, #FFFFFF 50% );*/
    background-image: linear-gradient( to right, deepskyblue, royalBlue 50%, deepskyblue);
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
    font-weight: bold;
}

.imgCrop[b-jazf5a9m6e] {
    /* --------- CHANGE IMAGE WIDTH/HEIGHT HERE -----------*/
    /*width: 100% !important;*/
    aspect-ratio: 1/1;
    object-fit: cover !important;
    filter: grayscale(0%);
    transition-duration: .3s;
    /*border-radius: 2.5px;*/
    border-radius: 5px;
}

/*.imageCrop {
    width:100px;
    height:100px;
    object-fit:cover;
}*/
[b-jazf5a9m6e] .modal-content {
    background-color: rgb(40,40,40);
}

[b-jazf5a9m6e] .modal-footer {
    border-top: 0;
}

[b-jazf5a9m6e] .imgContainer .btn {
    padding: 0.5px;
}

[b-jazf5a9m6e] .btn:hover {
    background-color: rgba(0,0,0,0);
}

[b-jazf5a9m6e] .btn:active {
    border-color: rgba(0,0,0,0);
}

[b-jazf5a9m6e] .btn:hover img {
    transform: scale(1.01);
    transition-duration: .3s;
    /*filter: grayscale(40%);*/
    /*opacity: .7;*/
}

/*.ovrlayBlur {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    backdrop-filter: blur(8px) brightness(80%);
    opacity: 1;
    transition: all .3s ease-in-out;
    border-radius: 10px;*/ /*--------*/
/*}*/
.btn:hover .imgCrop[b-jazf5a9m6e] {
    backdrop-filter: blur(8px) brightness(80%);
}

.divider[b-jazf5a9m6e] {
    height: 50px;
}
/*a:before {
        content: '';
        background: deepskyblue;
        display: block;
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 0;
        height: 3px;
        transition: all 0.3s ease-in-out;
    }*/
a:hover[b-jazf5a9m6e] {
    background-position: 0;
}

    a:hover[b-jazf5a9m6e]::before {
        width: 100%;
    }
/* _content/PortfolioWebsite/Components/Pages/Programming.razor.rz.scp.css */
/*::deep .nav-link {
  color: white !important;
}

::deep .nav-link:hover {
    color: gray !important;
}

::deep .active {
  color: deepskyblue !important;
  border-bottom:solid;
  border-width:0.1em;
}*/



/*----------------------------------------------*/

.hr[b-nvxc8v2iui] {
    width: 30%;
    margin: auto;
    margin-top: 3em;
    margin-bottom: 5em;
}

a[b-nvxc8v2iui] {
    /*background-image: linear-gradient( to right, #54b3d6, #54b3d6 50%, #FFFFFF 50% );*/
    background-image: linear-gradient( to right, deepskyblue, royalBlue 50%, deepskyblue);
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
    font-weight:bold;
}

p[b-nvxc8v2iui] {
    text-align: justify;
}

.imgCrop[b-nvxc8v2iui] {
   /* --------- CHANGE IMAGE WIDTH/HEIGHT HERE -----------*/
    /*width: 100% !important;*/
    aspect-ratio:1/1;
    object-fit: cover !important;
    filter: grayscale(0%);
    transition-duration: .3s;

    border-radius: 2.5px;
}

/*.imageCrop {
    width:100px;
    height:100px;
    object-fit:cover;
}*/
[b-nvxc8v2iui] .modal-content {
    background-color: rgb(40,40,40);
}
[b-nvxc8v2iui] .modal-footer {
    border-top:0;
}

[b-nvxc8v2iui] .imgContainer .btn {
    padding: 0.5px;
}
[b-nvxc8v2iui] .btn:hover {
    background-color: rgba(0,0,0,0);
}
[b-nvxc8v2iui] .btn:active {
    border-color: rgba(0,0,0,0);
}

[b-nvxc8v2iui] .btn:hover img {
    /*transform: scale(1.01);*/
    transition-duration: .3s;
    filter: grayscale(40%);
    /*opacity: .7;*/
}

/*.ovrlayBlur {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    backdrop-filter: blur(8px) brightness(80%);
    opacity: 1;
    transition: all .3s ease-in-out;
    border-radius: 10px;*/ /*--------*/
/*}*/
.btn:hover .imgCrop[b-nvxc8v2iui] {
    backdrop-filter: blur(8px) brightness(80%);
}

.divider[b-nvxc8v2iui] {
    height:50px;
}
/*a:before {
        content: '';
        background: deepskyblue;
        display: block;
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 0;
        height: 3px;
        transition: all 0.3s ease-in-out;
    }*/
a:hover[b-nvxc8v2iui] {
    background-position: 0;
}

        a:hover[b-nvxc8v2iui]::before {
            width: 100%;
        }

.imgCropCarousel[b-nvxc8v2iui] {
    aspect-ratio: 2/1;
    /*height: 10px;*/
    transform: scale(0.8);
    object-fit: cover !important;
    filter: grayscale(0%);
    transition-duration: .3s;
    /*border-radius: 2.5px;*/
    border-radius: 5px;
}

/*------- BIG IMAGE -------*/
.imageBlock[b-nvxc8v2iui] {
    display: inline-flex;
    justify-content: end;
    align-items: center;
    padding: 0;
}

.imageCrop[b-nvxc8v2iui] {
    height: 400px;
    width: 400px;
    object-fit: cover;
    border-radius: 25px; /*--------*/
}

.imgWrapper[b-nvxc8v2iui] {
    position: relative;
}

.thumbnailCrop[b-nvxc8v2iui] {
    /*height: 350px;
    width: 550px;*/
    /* aspect-ratio: 2/1;
    border-radius: 10px;*/
    aspect-ratio: 2/1;
    border-radius: 10px;
    height: 250px;
}

.image-wrapper[b-nvxc8v2iui] {
    position: relative;
    display: inline-block;
    aspect-ratio: 2/1;
}

    .image-wrapper img[b-nvxc8v2iui] {
        display: block;
    }

    .image-wrapper .icon[b-nvxc8v2iui] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 6rem;
    }



[b-nvxc8v2iui] .active {
    color: none !important;
    border-bottom: none !important;
}

.lightGreyBg[b-nvxc8v2iui] {
    background-color: rgb(50,50,50);
    margin-bottom: 3em;
}

@media (min-width: 800px) {
    .imgCropCarousel[b-nvxc8v2iui] {
        height: 400px;
    }
    .carousel[b-nvxc8v2iui] {
        width: 50vw;
    }
}