/* _content/Portfolio2/Component/Background.razor.rz.scp.css */
.background-div[b-c7uhtwzz2c] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 2s ease;
    z-index: -2000;
}


.background-div-visible[b-c7uhtwzz2c] {
    opacity: 1;
}

.background-div-hidden[b-c7uhtwzz2c] {
    opacity: 0;
}

.background-div-1[b-c7uhtwzz2c] {
    /* background-image: linear-gradient(14deg, rgba(91, 91, 91, 0.05) 0%, rgba(91, 91, 91, 0.05) 25%,rgba(242, 242, 242, 0.05) 25%, rgba(242, 242, 242, 0.05) 50%,rgba(100, 100, 100, 0.05) 50%, rgba(100, 100, 100, 0.05) 75%,rgba(249, 249, 249, 0.05) 75%, rgba(249, 249, 249, 0.05) 100%),linear-gradient(12deg, rgba(44, 44, 44, 0.05) 0%, rgba(44, 44, 44, 0.05) 25%,rgba(41, 41, 41, 0.05) 25%, rgba(41, 41, 41, 0.05) 50%,rgba(139, 139, 139, 0.05) 50%, rgba(139, 139, 139, 0.05) 75%,rgba(250, 250, 250, 0.05) 75%, rgba(250, 250, 250, 0.05) 100%),linear-gradient(144deg, rgba(111, 111, 111, 0.05) 0%, rgba(111, 111, 111, 0.05) 25%,rgba(205, 205, 205, 0.05) 25%, rgba(205, 205, 205, 0.05) 50%,rgba(184, 184, 184, 0.05) 50%, rgba(184, 184, 184, 0.05) 75%,rgba(152, 152, 152, 0.05) 75%, rgba(152, 152, 152, 0.05) 100%),linear-gradient(90deg, rgb(35, 40, 64),rgb(24, 66, 207)); */
    background-image: radial-gradient(circle at top right, rgb(15, 54, 60) 0%, rgb(15, 54, 60) 3%,rgb(62, 41, 84) 3%, rgb(62, 41, 84) 50%,rgb(108, 28, 108) 50%, rgb(108, 28, 108) 60%,rgb(155, 14, 131) 60%, rgb(155, 14, 131) 63%,rgb(201, 1, 155) 63%, rgb(201, 1, 155) 100%);
}

.background-div-2[b-c7uhtwzz2c] {
    /* background-image: linear-gradient(17deg, rgba(41, 41, 41, 0.02) 0%, rgba(41, 41, 41, 0.02) 48%,rgba(10, 10, 10, 0.02) 48%, rgba(10, 10, 10, 0.02) 59%,rgba(164, 164, 164, 0.02) 59%, rgba(164, 164, 164, 0.02) 73%,rgba(79, 79, 79, 0.02) 73%, rgba(79, 79, 79, 0.02) 93%,rgba(42, 42, 42, 0.02) 93%, rgba(42, 42, 42, 0.02) 100%),linear-gradient(42deg, rgba(124, 124, 124, 0.02) 0%, rgba(124, 124, 124, 0.02) 15%,rgba(116, 116, 116, 0.02) 15%, rgba(116, 116, 116, 0.02) 23%,rgba(41, 41, 41, 0.02) 23%, rgba(41, 41, 41, 0.02) 44%,rgba(196, 196, 196, 0.02) 44%, rgba(196, 196, 196, 0.02) 54%,rgba(145, 145, 145, 0.02) 54%, rgba(145, 145, 145, 0.02) 100%),linear-gradient(151deg, rgba(85, 85, 85, 0.02) 0%, rgba(85, 85, 85, 0.02) 12%,rgba(72, 72, 72, 0.02) 12%, rgba(72, 72, 72, 0.02) 28%,rgba(156, 156, 156, 0.02) 28%, rgba(156, 156, 156, 0.02) 33%,rgba(230, 230, 230, 0.02) 33%, rgba(230, 230, 230, 0.02) 50%,rgba(13, 13, 13, 0.02) 50%, rgba(13, 13, 13, 0.02) 100%),linear-gradient(76deg, rgba(25, 25, 25, 0.02) 0%, rgba(25, 25, 25, 0.02) 9%,rgba(183, 183, 183, 0.02) 9%, rgba(183, 183, 183, 0.02) 32%,rgba(19, 19, 19, 0.02) 32%, rgba(19, 19, 19, 0.02) 86%,rgba(129, 129, 129, 0.02) 86%, rgba(129, 129, 129, 0.02) 88%,rgba(174, 174, 174, 0.02) 88%, rgba(174, 174, 174, 0.02) 100%),linear-gradient(90deg, rgb(41, 41, 41),rgb(8, 8, 8)); */
    background-image: radial-gradient(circle at top left, rgb(36, 82, 165) 0%, rgb(36, 82, 165) 5%,rgb(47, 100, 177) 5%, rgb(47, 100, 177) 10%,rgb(57, 117, 190) 10%, rgb(57, 117, 190) 15%,rgb(68, 135, 202) 15%, rgb(68, 135, 202) 20%,rgb(79, 152, 215) 20%, rgb(79, 152, 215) 25%,rgb(90, 170, 227) 25%, rgb(90, 170, 227) 30%,rgb(100, 187, 240) 30%, rgb(100, 187, 240) 35%,rgb(111, 205, 252) 35%, rgb(111, 205, 252) 100%);
}

.background-div-3[b-c7uhtwzz2c] {
    /* background-image: linear-gradient(126deg, rgba(101, 101, 101, 0.09) 0%, rgba(101, 101, 101, 0.09) 68%,rgba(200, 200, 200, 0.09) 68%, rgba(200, 200, 200, 0.09) 100%),linear-gradient(164deg, rgba(238, 238, 238, 0.03) 0%, rgba(238, 238, 238, 0.03) 90%,rgba(14, 14, 14, 0.03) 90%, rgba(14, 14, 14, 0.03) 100%),linear-gradient(27deg, rgba(214, 214, 214, 0.04) 0%, rgba(214, 214, 214, 0.04) 34%,rgba(104, 104, 104, 0.04) 34%, rgba(104, 104, 104, 0.04) 100%),linear-gradient(175deg, rgba(20, 20, 20, 0.01) 0%, rgba(20, 20, 20, 0.01) 4%,rgba(9, 9, 9, 0.01) 4%, rgba(9, 9, 9, 0.01) 100%),linear-gradient(257deg, rgba(14, 14, 14, 0.01) 0%, rgba(14, 14, 14, 0.01) 28%,rgba(164, 164, 164, 0.01) 28%, rgba(164, 164, 164, 0.01) 100%),linear-gradient(311deg, rgba(68, 68, 68, 0.07) 0%, rgba(68, 68, 68, 0.07) 33%,rgba(213, 213, 213, 0.07) 33%, rgba(213, 213, 213, 0.07) 100%),linear-gradient(244deg, rgba(43, 43, 43, 0.02) 0%, rgba(43, 43, 43, 0.02) 80%,rgba(161, 161, 161, 0.02) 80%, rgba(161, 161, 161, 0.02) 100%),linear-gradient(130deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 49%,rgba(105, 105, 105, 0.04) 49%, rgba(105, 105, 105, 0.04) 100%),linear-gradient(90deg, rgb(190, 33, 111),rgb(97, 3, 0)); */
    background-image: radial-gradient(circle at bottom right, rgb(52, 33, 141) 0%, rgb(52, 33, 141) 20%,rgb(52, 50, 168) 20%, rgb(52, 50, 168) 40%,rgb(52, 68, 195) 40%, rgb(52, 68, 195) 60%,rgb(52, 85, 221) 60%, rgb(52, 85, 221) 80%,rgb(52, 102, 248) 80%, rgb(52, 102, 248) 100%);
}

.background-div-4[b-c7uhtwzz2c] {
    /* background-image: linear-gradient(56deg, rgba(254, 254, 254, 0.05) 0%, rgba(254, 254, 254, 0.05) 69%,rgba(160, 160, 160, 0.05) 69%, rgba(160, 160, 160, 0.05) 100%),linear-gradient(194deg, rgba(102, 102, 102, 0.02) 0%, rgba(102, 102, 102, 0.02) 60%,rgba(67, 67, 67, 0.02) 60%, rgba(67, 67, 67, 0.02) 100%),linear-gradient(76deg, rgba(169, 169, 169, 0.06) 0%, rgba(169, 169, 169, 0.06) 89%,rgba(189, 189, 189, 0.06) 89%, rgba(189, 189, 189, 0.06) 100%),linear-gradient(326deg, rgba(213, 213, 213, 0.04) 0%, rgba(213, 213, 213, 0.04) 45%,rgba(66, 66, 66, 0.04) 45%, rgba(66, 66, 66, 0.04) 100%),linear-gradient(183deg, rgba(223, 223, 223, 0.01) 0%, rgba(223, 223, 223, 0.01) 82%,rgba(28, 28, 28, 0.01) 82%, rgba(28, 28, 28, 0.01) 100%),linear-gradient(3deg, rgba(20, 20, 20, 0.06) 0%, rgba(20, 20, 20, 0.06) 62%,rgba(136, 136, 136, 0.06) 62%, rgba(136, 136, 136, 0.06) 100%),linear-gradient(200deg, rgba(206, 206, 206, 0.09) 0%, rgba(206, 206, 206, 0.09) 58%,rgba(6, 6, 6, 0.09) 58%, rgba(6, 6, 6, 0.09) 100%),linear-gradient(304deg, rgba(162, 162, 162, 0.07) 0%, rgba(162, 162, 162, 0.07) 27%,rgba(24, 24, 24, 0.07) 27%, rgba(24, 24, 24, 0.07) 100%),linear-gradient(186deg, rgba(166, 166, 166, 0.04) 0%, rgba(166, 166, 166, 0.04) 5%,rgba(210, 210, 210, 0.04) 5%, rgba(210, 210, 210, 0.04) 100%),linear-gradient(90deg, rgb(26,60,118),rgb(32,129,207),rgb(7,128,191)); */
    background-image: radial-gradient(circle at right, rgb(4, 20, 62) 0%, rgb(4, 20, 62) 28%,rgb(49, 29, 62) 28%, rgb(49, 29, 62) 45%,rgb(94, 38, 62) 45%, rgb(94, 38, 62) 63%,rgb(138, 47, 62) 63%, rgb(138, 47, 62) 100%);
}

.background-div-5[b-c7uhtwzz2c] {
    /* background-image: linear-gradient(66deg, rgba(37, 37, 37, 0.05) 0%, rgba(37, 37, 37, 0.05) 33.333%,rgba(89, 89, 89, 0.05) 33.333%, rgba(89, 89, 89, 0.05) 66.666%,rgba(234, 234, 234, 0.05) 66.666%, rgba(234, 234, 234, 0.05) 99.999%),linear-gradient(130deg, rgba(104, 104, 104, 0.05) 0%, rgba(104, 104, 104, 0.05) 33.333%,rgba(246, 246, 246, 0.05) 33.333%, rgba(246, 246, 246, 0.05) 66.666%,rgba(178, 178, 178, 0.05) 66.666%, rgba(178, 178, 178, 0.05) 99.999%),linear-gradient(72deg, rgba(168, 168, 168, 0.05) 0%, rgba(168, 168, 168, 0.05) 33.333%,rgba(73, 73, 73, 0.05) 33.333%, rgba(73, 73, 73, 0.05) 66.666%,rgba(253, 253, 253, 0.05) 66.666%, rgba(253, 253, 253, 0.05) 99.999%),linear-gradient(139deg, rgba(241, 241, 241, 0.05) 0%, rgba(241, 241, 241, 0.05) 33.333%,rgba(109, 109, 109, 0.05) 33.333%, rgba(109, 109, 109, 0.05) 66.666%,rgba(100, 100, 100, 0.05) 66.666%, rgba(100, 100, 100, 0.05) 99.999%),linear-gradient(111deg, rgba(65, 65, 65, 0.05) 0%, rgba(65, 65, 65, 0.05) 33.333%,rgba(223, 223, 223, 0.05) 33.333%, rgba(223, 223, 223, 0.05) 66.666%,rgba(50, 50, 50, 0.05) 66.666%, rgba(50, 50, 50, 0.05) 99.999%),linear-gradient(90deg, rgb(41, 89, 88),rgb(80, 210, 116)); */
    background-image: radial-gradient(circle at bottom center, rgb(197, 234, 55) 0%, rgb(197, 234, 55) 12%,rgb(170, 222, 63) 12%, rgb(170, 222, 63) 18%,rgb(144, 210, 72) 18%, rgb(144, 210, 72) 23%,rgb(117, 198, 80) 23%, rgb(117, 198, 80) 47%,rgb(90, 187, 88) 47%, rgb(90, 187, 88) 59%,rgb(63, 175, 96) 59%, rgb(63, 175, 96) 68%,rgb(37, 163, 105) 68%, rgb(37, 163, 105) 86%,rgb(10, 151, 113) 86%, rgb(10, 151, 113) 100%);
}

.background-div-6[b-c7uhtwzz2c] {
    background-image: linear-gradient(153deg, rgba(152, 152, 152, 0.03) 0%, rgba(152, 152, 152, 0.03) 9%,rgba(197, 197, 197, 0.03) 9%, rgba(197, 197, 197, 0.03) 21%,rgba(106, 106, 106, 0.03) 21%, rgba(106, 106, 106, 0.03) 32%,rgba(222, 222, 222, 0.03) 32%, rgba(222, 222, 222, 0.03) 72%,rgba(16, 16, 16, 0.03) 72%, rgba(16, 16, 16, 0.03) 92%,rgba(181, 181, 181, 0.03) 92%, rgba(181, 181, 181, 0.03) 97%,rgba(130, 130, 130, 0.03) 97%, rgba(130, 130, 130, 0.03) 100%),linear-gradient(39deg, rgba(237, 237, 237, 0.03) 0%, rgba(237, 237, 237, 0.03) 22%,rgba(126, 126, 126, 0.03) 22%, rgba(126, 126, 126, 0.03) 55%,rgba(196, 196, 196, 0.03) 55%, rgba(196, 196, 196, 0.03) 61%,rgba(121, 121, 121, 0.03) 61%, rgba(121, 121, 121, 0.03) 71%,rgba(133, 133, 133, 0.03) 71%, rgba(133, 133, 133, 0.03) 84%,rgba(132, 132, 132, 0.03) 84%, rgba(132, 132, 132, 0.03) 97%,rgba(185, 185, 185, 0.03) 97%, rgba(185, 185, 185, 0.03) 100%),linear-gradient(124deg, rgba(168, 168, 168, 0.03) 0%, rgba(168, 168, 168, 0.03) 7%,rgba(169, 169, 169, 0.03) 7%, rgba(169, 169, 169, 0.03) 19%,rgba(73, 73, 73, 0.03) 19%, rgba(73, 73, 73, 0.03) 50%,rgba(150, 150, 150, 0.03) 50%, rgba(150, 150, 150, 0.03) 67%,rgba(68, 68, 68, 0.03) 67%, rgba(68, 68, 68, 0.03) 81%,rgba(111, 111, 111, 0.03) 81%, rgba(111, 111, 111, 0.03) 91%,rgba(191, 191, 191, 0.03) 91%, rgba(191, 191, 191, 0.03) 100%),linear-gradient(95deg, rgba(147, 147, 147, 0.03) 0%, rgba(147, 147, 147, 0.03) 17%,rgba(79, 79, 79, 0.03) 17%, rgba(79, 79, 79, 0.03) 27%,rgba(28, 28, 28, 0.03) 27%, rgba(28, 28, 28, 0.03) 45%,rgba(27, 27, 27, 0.03) 45%, rgba(27, 27, 27, 0.03) 56%,rgba(228, 228, 228, 0.03) 56%, rgba(228, 228, 228, 0.03) 64%,rgba(38, 38, 38, 0.03) 64%, rgba(38, 38, 38, 0.03) 72%,rgba(42, 42, 42, 0.03) 72%, rgba(42, 42, 42, 0.03) 100%),linear-gradient(346deg, rgba(59, 59, 59, 0.03) 0%, rgba(59, 59, 59, 0.03) 16%,rgba(66, 66, 66, 0.03) 16%, rgba(66, 66, 66, 0.03) 20%,rgba(236, 236, 236, 0.03) 20%, rgba(236, 236, 236, 0.03) 41%,rgba(244, 244, 244, 0.03) 41%, rgba(244, 244, 244, 0.03) 55%,rgba(106, 106, 106, 0.03) 55%, rgba(106, 106, 106, 0.03) 61%,rgba(220, 220, 220, 0.03) 61%, rgba(220, 220, 220, 0.03) 63%,rgba(209, 209, 209, 0.03) 63%, rgba(209, 209, 209, 0.03) 100%),linear-gradient(90deg, rgb(97, 59, 187),rgb(17, 8, 13));
}




@media screen and (max-height : 1000px) {
    .background-div[b-c7uhtwzz2c] {
        height: 120%;
    }
}
/* _content/Portfolio2/Component/BackgroundButton.razor.rz.scp.css */
@keyframes slideTop-b-v87jny4fl0 {
    0%{
        transform:translateY(-200%);
        opacity:0;
    }
    50%{
        opacity:0;
    }

    100%{
        transform:translateY(0);
        opacity:1;
    }
}

.btn-circle[b-v87jny4fl0] {
    --min-size: 20px;
    --max-size: 25px;
    background-color: brown;
    border: 2px solid whitesmoke;
    width: .8vh;
    height: .8vh;
    min-width: var(--min-size);
    min-height: var(--min-size);
    max-width: var(--max-size);
    max-height: var(--max-size);
    border-radius: 50%;
    transition: width .25s ease-in-out, height .25s ease-in-out, border-width .25s ease-in-out;    
}

.btn-circle:hover[b-v87jny4fl0] {
    border-width: 4px;
}

.btn-circle-active[b-v87jny4fl0] {
    border-width: 4px;
}

.btn-circle-1[b-v87jny4fl0] {
    animation: 2.5s ease-out -.5s 1 slideTop-b-v87jny4fl0;
    background-color: #be3097;
}

.btn-circle-2[b-v87jny4fl0] {
    animation: 2.5s ease-out -.95s 1 slideTop-b-v87jny4fl0;
    background-color: #5997d1;
}

.btn-circle-3[b-v87jny4fl0] {
    animation: 2.5s ease-out -1s 1 slideTop-b-v87jny4fl0;
    background-color: #315ad6;
}

.btn-circle-4[b-v87jny4fl0] {
    animation: 2.5s ease-out -.75s 1 slideTop-b-v87jny4fl0;
    background-color: #83363f;
}

.btn-circle-5[b-v87jny4fl0] {
    animation: 2.5s ease-out -.85s 1 slideTop-b-v87jny4fl0;
    background-color: #479f6e;
}




/* _content/Portfolio2/Component/ModalWindow.razor.rz.scp.css */
.modal-content[b-i61o9br0n9] {
    background: linear-gradient(120deg, hsla(221, 45%, 73%, 1) 0%, hsla(220, 78%, 29%, .1) 100%);
    backdrop-filter: blur(4px);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
}

.modal[b-i61o9br0n9]{
    display:block;    
    visibility:hidden;
    opacity:0;
    transition:opacity linear .5s;
}

.modal.show[b-i61o9br0n9]{
    visibility:visible;        
    opacity:1;
}
/* _content/Portfolio2/Pages/Experience.razor.rz.scp.css */
.date-line[b-g3hmkrr9zg] {
    --date-line-head-width: 1rem;
    --date-line-tail-width: .1rem;
}

.date-line-head[b-g3hmkrr9zg]::after {
    content: "";
     background-color:whitesmoke; 
    border: solid calc(var(--date-line-tail-width) * 1.5) whitesmoke;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    display: block;
}

.date-line-tail[b-g3hmkrr9zg]::after {
    position: relative;
    content: "";
    background-color: whitesmoke;
    height: 100%;
    width: var(--date-line-tail-width);
    left: calc((var(--date-line-head-width) - (var(--date-line-tail-width)))/2);
    display: block;
}

.highlight-color[b-g3hmkrr9zg] {
    color: orange;
}


@media screen and (max-width :575px){
    .date-line[b-g3hmkrr9zg]{
        display:none;
    }
}
/* _content/Portfolio2/Pages/Projects.razor.rz.scp.css */

.carousel-image[b-44hzwx413l] {
    width: 35vmin;
    padding-bottom: 1rem;
}

.highlight-color[b-44hzwx413l] {
    color: orange;
}

.carousel-caption[b-44hzwx413l] {
    position: relative;
    left: auto;
    right: auto;
}



@media screen and (max-width:992px) {
    .carousel-indicators[b-44hzwx413l] {
        position:fixed;
        bottom:calc(5vh-10px);
    }
}

@media screen and (max-width:500px){

    .carousel-control-prev-icon[b-44hzwx413l] {
        position: absolute;
        top: 7vh;
    }

    .carousel-control-next-icon[b-44hzwx413l] {
        position: absolute;
        top: 7vh;
    }
}
/* _content/Portfolio2/Shared/MainLayout.razor.rz.scp.css */
.logo-container[b-osowwha7k9] {
    width: auto;
    height: 5vh;
    color: orange;
}

.logo[b-osowwha7k9] {
    width: 5vh;
    height: 5vh;
    min-width: 50px;
    min-height: 50px;
    animation: 3s ease-out -.75s 1 appear-b-osowwha7k9;
}

.resume-button[b-osowwha7k9] {
    background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5 51%, #00d2ff 100%);
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 500px;
    display: block;
    animation: 3.5s ease-out -.75s 1 appear-b-osowwha7k9;
}

.resume-button:hover[b-osowwha7k9] {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

article[b-osowwha7k9] {
    height: 80vh;
    background: rgba(0, 0, 0, .50);
    background-image: radial-gradient(32% 44% at -3% -4%, #84C5D38F 0%, #073AFF00 100%),radial-gradient(40% 61% at 103% 65%, #84C5D38F 0%, #073AFF00 100%),repeating-linear-gradient(164deg, #073AFF00 0%, #84C5D38F 81%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .15);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.43);
    color: whitesmoke;
    animation: 2s ease-out -.75s 1 slideUp-b-osowwha7k9;
    padding: 3.5vh;
}


.article-body[b-osowwha7k9] {
    border-top: solid 1px whitesmoke;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;    
}

.play-btn[b-osowwha7k9] {
    background-color: transparent;
    color: antiquewhite;
    margin: 0;
    padding: 0;
    animation: 2.5s ease-out -.75s 1 slideLeft-b-osowwha7k9;
}

.play-btn :active[b-osowwha7k9] {
    border: none;
    outline: none;
}

.play-btn .bi-play-circle[b-osowwha7k9] {
    --min-size: 20px;
    --max-size: 25px;
    width: .8vh;
    height: .8vh;
    min-width: var(--min-size);
    min-height: var(--min-size);
    max-width: var(--max-size);
    max-height: var(--max-size);                
}


footer[b-osowwha7k9] {
    color: whitesmoke;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.footer-content[b-osowwha7k9] {
    animation: 5s ease-out -.75s 1 appear-b-osowwha7k9;
}

.invalid-feedback[b-osowwha7k9] {
    font-size: .75em !important;
    display: inline !important;
}

.greetings[b-osowwha7k9] {
    background-color: orange;
    color: beige;
    border-radius: 10px;
    padding: 10px;
    -webkit-box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.38);
    -moz-box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.38);
    box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.38);
    font-size: .9em;
}


@media screen and (max-width : 440px){
    .resume-text[b-osowwha7k9]{
        display:none;
    }
}

@keyframes slideLeft-b-osowwha7k9 {
    0% {
        transform: translateX(-200%);
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes appear-b-osowwha7k9 {
    0% {        
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        transform: translateX(0);        
    }
}

@keyframes slideUp-b-osowwha7k9 {
    0% {
        transform: translateY(10%);
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.toast[b-osowwha7k9] {
    display:block;
    visibility:hidden;    
    opacity:0;
}

.toast-show[b-osowwha7k9] {
    animation: toast-fade-in-b-osowwha7k9 1s linear forwards;
}


@keyframes toast-fade-in-b-osowwha7k9{
    0%{
        opacity:0;
        visibility:visible;
    }
    100% {
        opacity: 1;
        visibility: visible;        
    }    
}

.card[b-osowwha7k9]{
    background:none;
}



/* _content/Portfolio2/Shared/MainNavigation.razor.rz.scp.css */
.menu[b-35w15usxq2] {
    overflow: hidden;
}

.menu-item-container[b-35w15usxq2] {
    display: flex;
}

[b-35w15usxq2] a.menu-item {
    background: rgba( 0, 0, 0, 0.10 );
    box-shadow: 0 2px 15px rgba( 255, 255, 255, .2 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    min-height: 80px;
    min-width: 80px;
    margin: 20px 15px;
    text-decoration: none;
    color: whitesmoke;
    font-size: .65rem;    
}

[b-35w15usxq2] a.menu-item img {
    width: 50px;
    height: 50px;
}

[b-35w15usxq2] a.menu-item svg {
    max-width: 45px;
    max-height: 45px;
}

[b-35w15usxq2] a.menu-item svg path {
    fill: antiquewhite;
}

[b-35w15usxq2] a.menu-item.active {
    box-shadow: 0 2px 15px rgba( 255, 255, 255, .8 );
}

[b-35w15usxq2] a.menu-item-about {
    animation: 3s ease-out -.75s 1 slideDown-b-35w15usxq2;
}
[b-35w15usxq2] a.menu-item-background {
    animation: 3.5s ease-out -.75s 1 slideDown-b-35w15usxq2;
}

[b-35w15usxq2] a.menu-item-experience {
    animation: 4.5s ease-out -.75s 1 slideDown-b-35w15usxq2;
}

[b-35w15usxq2] a.menu-item-education{
    animation: 3.25s ease-out -.75s 1 slideDown-b-35w15usxq2;
}
[b-35w15usxq2] a.menu-item-skills {
    animation: 4s ease-out -.75s 1 slideDown-b-35w15usxq2;
}

[b-35w15usxq2] a.menu-item-tools {
    animation: 3.75s ease-out -.75s 1 slideDown-b-35w15usxq2;
}

[b-35w15usxq2] a.menu-item-projects {
    animation: 3.45s ease-out -.75s 1 slideDown-b-35w15usxq2;
}

/*big screen menu*/

@media screen and (min-width:993px) {
    .menu-mobile[b-35w15usxq2] {
        display: none;
    }

    .menu-mobile-bg[b-35w15usxq2] {
        display: none;
    }

    .menu[b-35w15usxq2] {
        display: block;
    }
}

 /*small screen menu*/

@media screen and (max-width:992px){
    .menu[b-35w15usxq2] {
        display:none;
    }
   .menu-mobile[b-35w15usxq2] {
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 5vh;
        width: var(--squareMobileIconSize);
        height: 50px;
        left: calc(50% - (50px / 2) );
        padding: 5px;
        border: 3px solid orange;
        border-radius: 50%;
        transition: all ease .5s;     
        z-index:5009;
        background-color:rgba(0,0,0,.5);
        opacity:0;
    }
    .menu-mobile-bg[b-35w15usxq2]{        
        position: fixed;
        top: 0;
        left:0;
        width: 0;
        height: 0;
        background-color: black;
        opacity:0;
        z-index: 5008;
        border-radius:16px;
    }

    .menu-mobile-bg.visible[b-35w15usxq2] {
        opacity: .75;
        width: 100%;
        height: 100%;
    }

    a.menu-mobile svg path[b-35w15usxq2]{
        fill:orange;
    }

    .menu-mobile-main[b-35w15usxq2] {
        width: 75px;
        height: 75px;
        left: calc(50% - (75px / 2) );
        z-index: 5010;
        background-color:antiquewhite;
        opacity:.5;
    }

    .menu-mobile-main:hover[b-35w15usxq2]{
        opacity:1;
    }

    .menu-mobile.visible[b-35w15usxq2]{
        opacity:1;
    }

     a.menu-mobile-about.visible[b-35w15usxq2] {
        position: fixed;
        bottom: var(--gap4Bottom);
        left: var(--gap4CenterWidth);
    }

     a.menu-mobile-background.visible[b-35w15usxq2] {
        position: fixed;
        bottom: var(--gap4Bottom);
        left: calc(var(--gap4CenterWidth) + var(--gap4Width));
    }

     a.menu-mobile-experience.visible[b-35w15usxq2] {
        position: fixed;
        bottom: var(--gap4Bottom);
        left: calc(var(--gap4CenterWidth) + (var(--gap4Width)*2));
    }

     a.menu-mobile-education.visible[b-35w15usxq2] {
        position: fixed;
        bottom: var(--gap4Bottom);
        left: calc(var(--gap4CenterWidth) + (var(--gap4Width)*3));
    }

     a.menu-mobile-skills.visible[b-35w15usxq2] {
        position: fixed;
        bottom: var(--gap3Bottom);
        left: var(--gap3CenterWidth);
    }

    a.menu-mobile-tools.visible[b-35w15usxq2] {
        position: fixed;
        bottom: var(--gap3Bottom);
        left: calc(var(--gap3CenterWidth) + var(--gap3Width));
    }

    a.menu-mobile-projects.visible[b-35w15usxq2] {
        position: fixed;
        bottom: var(--gap3Bottom);
        left: calc(var(--gap3CenterWidth) + (var(--gap3Width) * 2));
    }
}

@keyframes slideDown-b-35w15usxq2 {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}