/* /Components/Blogs/BlogPagePreview.razor.rz.scp.css */

.preview[b-5fiepe3p5j] {
    border-radius: 10px;
    overflow: hidden;
    background-color: #101419;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
    display: block;
    text-decoration: none;
    border: 1px solid var(--color-quaternary);
}

.preview:hover[b-5fiepe3p5j] {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

.preview .image-wrapper[b-5fiepe3p5j] {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.preview .image-wrapper img[b-5fiepe3p5j] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.preview h3[b-5fiepe3p5j] {
    padding: 20px 20px 10px 20px;
    font-weight: 450;
    font-size: 18px;
}

.preview .tags[b-5fiepe3p5j] {
    padding: 10px 20px 30px 20px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.preview .tags .tag[b-5fiepe3p5j] {
    padding: 5px 10px;
    border-radius: 6px;
    background-color: #1a242d;
}
/* /Components/Common/SvgIcon.razor.rz.scp.css */

.image[b-oxtcxwocca] {
    mask-size: contain;
    width: var(--width);
    height: var(--height);
    background-color: var(--color);
}
/* /Components/Common/TechnologyLink.razor.rz.scp.css */

.technology[b-pcqy9yhgy2] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.technology .icon .image[b-pcqy9yhgy2] {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 32px;
    width: 32px;
}

.technology .text[b-pcqy9yhgy2] {
    font-size: 17px;
    font-weight: 400;
}
/* /Components/Common/TechnologyList.razor.rz.scp.css */

.list[b-pv39fe0al6] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
/* /Components/CvComponents/CvExperience.razor.rz.scp.css */

.experience *[b-w66xv0xe2b] {
    color: #000000;
}

.experience h3[b-w66xv0xe2b] {
    padding: 0 20px 5px 20px;
    font-weight: 500;
    font-size: 18px;
}

.experience .detail[b-w66xv0xe2b] {
    display: flex;
    padding: 0 20px 5px 20px;
    font-size: 15px;
    font-weight: 500; 
    font-style: italic;
}

.experience .spacer[b-w66xv0xe2b] {
    flex: 1;
}

.experience .detail > div[b-w66xv0xe2b] {
    color: rgba(0, 0, 0, 0.5);
}

ul[b-w66xv0xe2b] {
    list-style-position: inside;
    padding-left: 0;
    list-style-type: none;
}

ul li[b-w66xv0xe2b] {
    padding-bottom: 2px;
    font-size: 12px;
    display: flex;
    gap: 0.6rem;
    align-items: center;
}

ul li[b-w66xv0xe2b]::before {
    content: "";
    width: 4px;
    height: 4px;
    background: rgba(0,0,0,0.8);
    border-radius: 50%;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.summary[b-w66xv0xe2b] {
    padding: 0 20px 20px 20px;
}
/* /Components/CvComponents/CvProject.razor.rz.scp.css */

.project *[b-kquq9m6vzt] {
    color: #000000;
}

.project h3[b-kquq9m6vzt] {
    padding: 0 20px 5px 20px;
    font-weight: 500;
    font-size: 18px;
}

.project .detail[b-kquq9m6vzt] {
    display: flex;
    padding: 0 20px 5px 20px;
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
}

.project .spacer[b-kquq9m6vzt] {
    flex: 1;
}

.project .detail > div[b-kquq9m6vzt] {
    color: rgba(0, 0, 0, 0.5);
}

ul[b-kquq9m6vzt] {
    list-style-position: inside;
    padding-left: 0;
    list-style-type: none;
}

ul li[b-kquq9m6vzt] {
    padding-bottom: 2px;
    font-size: 12px;
    display: flex;
    gap: 0.6rem;
    align-items: center;
}

ul li[b-kquq9m6vzt]::before {
    content: "";
    width: 4px;
    height: 4px;
    background: rgba(0,0,0,0.8);
    border-radius: 50%;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.summary[b-kquq9m6vzt] {
    padding: 0 20px 20px 20px;
}
/* /Components/Experiences/Experiences.razor.rz.scp.css */
/* /Components/Experiences/ExperienceWidget.razor.rz.scp.css */

.wrapper[b-vz0zczi1ve] {
    min-height: 100px;
    display: flex;
    gap: 0;
}

.timeline[b-vz0zczi1ve] {
    width: 50px;
    position: relative;
}

.timeline[b-vz0zczi1ve]::after {
    display: block;
    content: " ";
    position: absolute;
    top: 19px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--main-background);
    z-index: 1;
    border: 1px solid rgba(255,255,255,0.1);
}

.timeline .line[b-vz0zczi1ve] {
    height: 100%;
    width: 2px;
    border: 1px solid rgba(255,255,255,0.1);
    margin: 0 0 0 10px;
}

.wrapper .panel[b-vz0zczi1ve] {
    flex: 1;
    display: flex;
    padding-top: 12px;
    gap: 30px;
    padding-bottom: 40px;
}

.panel .time[b-vz0zczi1ve] {
    font-size: 20px;
    color: var(--color-secondary);
    font-weight: 450;
}

.panel .details[b-vz0zczi1ve] {
    flex: 1;
}

.panel .job-title[b-vz0zczi1ve] {
    font-size: 20px;
    font-weight: 400;
}

.panel .company[b-vz0zczi1ve] {
    color: var(--color-secondary);
    font-size: 17px;
}

.details .header[b-vz0zczi1ve] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.details .header .icon[b-vz0zczi1ve] {
    width: 64px;
}

.details .header .icon .company-image[b-vz0zczi1ve] {
    width: 100%;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 6px;
}

.details .header .text[b-vz0zczi1ve] {
    flex: 1;
}

.details ul[b-vz0zczi1ve] {
    list-style-position: inside;
    padding-left: 0;
    list-style-type: none;
}

.details ul li[b-vz0zczi1ve] {
    color: var(--color-secondary);
    padding-bottom: 10px;
    font-size: 16px;
    display: flex;
    gap: 0.6rem;
    align-items: center;
}

.details ul li[b-vz0zczi1ve]::before {
    content: "";
    width: 4px;
    height: 4px;
    background: var(--color-secondary);
    border-radius: 50%;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.technologies[b-vz0zczi1ve] {
    width: 400px;
    padding-left: 20px;
    border-left: 1px solid var(--color-quaternary);
}

@media (max-width: 1840px) {

    .technologies[b-vz0zczi1ve] {
        width: 300px;
    }
    
}

@media (max-width: 1580px) {

    .technologies[b-vz0zczi1ve] {
        width: 250px;
    }
    
}

@media (max-width: 1120px) {

    ul[b-vz0zczi1ve] {
        margin-bottom: 20px;
    }

    ul li[b-vz0zczi1ve] {
        font-size: 17px;
    }

    .panel[b-vz0zczi1ve] {
        flex-direction: column;
    }

    .technologies[b-vz0zczi1ve] {
        width: 100%;
        padding-left: 0;
        border-left: none;
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid var(--color-quaternary);
    }

}
/* /Components/Layout/CvLayout.razor.rz.scp.css */

.content[b-22twq2p9go] {
    background-color: #282828;
    padding: 20px;
}

@media print {

    .content[b-22twq2p9go] {
        padding: 0;
        width: var(--cv-width);
        height: var(--cv-height);
    }

}
/* /Components/Layout/MainLayout.razor.rz.scp.css */

.page[b-353iqhred5] {
    display: grid;
    max-width: var(--page-max-width);
    grid-template-columns: minmax(0, 1fr) 500px;
    min-height: 100vh;
    align-items: stretch;
    margin: 0 auto;
}

@media (max-width: 1560px) {

    .page[b-353iqhred5] {
        grid-template-columns: minmax(0, 1fr) 350px;
    }

}

@media (max-width: 1350px) {

    .page[b-353iqhred5] {
        grid-template-columns: minmax(0, 1fr);
    }
    
}
/* /Components/Layout/NavBar.razor.rz.scp.css */

nav[b-zmegdd3msc] {
    --nav-height: 70px;
    height: var(--nav-height);
    padding: 0 20px;
}

nav > div[b-zmegdd3msc] {
    display: flex;
}

[b-zmegdd3msc] a {
    height: var(--nav-height);
    line-height: var(--nav-height);
    font-size: 22px;
    padding: 0 20px;
    text-decoration: none;
    display: block;
}

[b-zmegdd3msc] a:hover {
    transition: .3s ease all;
    background-color: rgba(0,0,0,0.2);
    cursor: pointer;
}

nav .burger[b-zmegdd3msc] {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

nav .burger:hover[b-zmegdd3msc] {
    transition: .3s ease all;
    background-color: rgba(0,0,0,0.2);
    cursor: pointer;
}

nav .burger div[b-zmegdd3msc] {
    width: 25px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
}

nav .right[b-zmegdd3msc] {
    height: var(--nav-height);
}

@media (max-width: 950px) {

    nav.open[b-zmegdd3msc] {
        background-color: #080e14;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    nav .left[b-zmegdd3msc] {
        display: none;
        flex-direction: column;
        background-color: #080e14;
        position: absolute;
        top: var(--nav-height);
        left: 0;
        right: 0;
        padding: 20px;
        z-index: 50;
    }
    
    nav.open .left[b-zmegdd3msc] {
        display: flex;
    }
    
    nav .burger[b-zmegdd3msc] {
        display: flex;
    }
    
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-uby2oo4kec],
.components-reconnect-repeated-attempt-visible[b-uby2oo4kec],
.components-reconnect-failed-visible[b-uby2oo4kec],
.components-pause-visible[b-uby2oo4kec],
.components-resume-failed-visible[b-uby2oo4kec],
.components-rejoining-animation[b-uby2oo4kec] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-uby2oo4kec],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-uby2oo4kec],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-uby2oo4kec],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-uby2oo4kec],
#components-reconnect-modal.components-reconnect-retrying[b-uby2oo4kec],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-uby2oo4kec],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-uby2oo4kec],
#components-reconnect-modal.components-reconnect-failed[b-uby2oo4kec],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-uby2oo4kec] {
    display: block;
}


#components-reconnect-modal[b-uby2oo4kec] {
    background-color: #2d2d2d;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-uby2oo4kec 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-uby2oo4kec 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-uby2oo4kec 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-uby2oo4kec]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-uby2oo4kec 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-uby2oo4kec {
    0% {
        transform: translateY(30px) scale(0.95);
    }

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

@keyframes components-reconnect-modal-fadeInOpacity-b-uby2oo4kec {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-uby2oo4kec {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-uby2oo4kec] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-uby2oo4kec] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-uby2oo4kec] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-uby2oo4kec] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-uby2oo4kec] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-uby2oo4kec] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-uby2oo4kec] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-uby2oo4kec 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-uby2oo4kec] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-uby2oo4kec {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/BlogOverview.razor.rz.scp.css */
.page[b-c6s2342i25] {
    padding: 20px;
}

.page > h1[b-c6s2342i25] {
    color: var(--color-primary);
    font-size: 30px;
    padding: 0 0 10px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--color-quaternary);
    font-weight : 450;
}

.articles[b-c6s2342i25] {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    flex: 1;
}

.content[b-c6s2342i25] {
    display: flex;
    gap: 20px;
}

.content .filter[b-c6s2342i25] {
    width: 300px;
    border-left: 1px solid var(--color-quaternary);
    padding: 20px;
}

.filter .tags[b-c6s2342i25] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.filter .tags .tag[b-c6s2342i25] {
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 6px;
    padding: 7px 15px;
    background-color: #101419;
    border: 1px solid var(--color-quaternary);
}

.filter .tags .tag.active[b-c6s2342i25] {
    background-color: var(--main-color);
}

.filter .tags .tag:hover[b-c6s2342i25] {
    transition: .3s ease all;
    background-color: var(--main-color);
}

@media (max-width: 2150px) {

    .articles[b-c6s2342i25] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
}

@media (max-width: 1690px) {

    .articles[b-c6s2342i25] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 950px) {

    .articles[b-c6s2342i25] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .content .filter[b-c6s2342i25] {
        width: 100%;
    }
    
    .content[b-c6s2342i25] {
        flex-direction: column;
    }
    
    .page[b-c6s2342i25] {
        padding: 20px 10px;
    }
    
}
/* /Components/Pages/BlogPageRoot.razor.rz.scp.css */

.page[b-ufae8bblkz] {
    padding: 20px;
}

.page > h1[b-ufae8bblkz] {
    color: var(--color-primary);
    font-size: 30px;
    padding: 0 0 10px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--color-quaternary);
    font-weight : 450;
}

.page > .content[b-ufae8bblkz] {
    padding-top: 10px;
    display: flex;
    gap: 20px;
}

.content .markdown[b-ufae8bblkz] {
    flex: 1;
    min-width: 0;
}

.content .info[b-ufae8bblkz] {
    width: 300px;
    flex-shrink: 0;
}

.image-wrapper[b-ufae8bblkz] {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
}

.image-wrapper img[b-ufae8bblkz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tags[b-ufae8bblkz] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.tags .tag[b-ufae8bblkz] {
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 6px;
    padding: 7px 15px;
    background-color: #101419;
    border: 1px solid var(--color-quaternary);
}

.techs[b-ufae8bblkz] {
    margin-bottom: 30px;
}

[b-ufae8bblkz] h2 {
    color: var(--color-primary);
    font-size: 24px;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--color-quaternary);
    font-weight : 400;
    margin-top: 50px;
}

[b-ufae8bblkz] h3 {
    color: var(--color-primary);
    font-size: 19px;
    padding: 0 0 5px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--color-quaternary);
    font-weight : 400;
    margin-top: 20px;
}

    
[b-ufae8bblkz] .markdown h2:first-child {
    margin-top: 0;
}

[b-ufae8bblkz] .markdown p {
    margin-bottom: 20px;
    font-size: 17px !important;
}

[b-ufae8bblkz] .markdown pre {
    overflow-x: auto;
}

[b-ufae8bblkz] .markdown pre code {
    margin: 20px 0;
    border-radius: 6px;
}

[b-ufae8bblkz] .markdown code:not([class]) {
    background: #1e1e1e;
    color: #dcdcaa;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.95em;
    white-space: nowrap;
}

[b-ufae8bblkz] .markdown pre.shiki {
    padding: 15px;
}

[b-ufae8bblkz] .markdown code[class] {
    counter-reset: step;
    counter-increment: step 0;
    font-family: Roboto, serif !important;
}

[b-ufae8bblkz] .markdown code[class] * {
    font-family: Roboto, serif !important;
}

[b-ufae8bblkz] .markdown code[class] .line::before {
    content: counter(step);
    counter-increment: step;
    width: 1rem;
    margin-right: 1.5rem;
    display: inline-block;
    text-align: right;
    color: rgba(115,138,148,.4)
}

[b-ufae8bblkz] .markdown ul {
    list-style-position: inside;
    padding-left: 0;
    list-style-type: none;
}

[b-ufae8bblkz] .markdown ul li {
    padding-bottom: 10px;
    display: flex;
    gap: 0.6rem;
    align-items: center;
    font-size: 17px !important;
}

[b-ufae8bblkz] .markdown ul li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: var(--color-secondary);
    border-radius: 50%;
    font-size: 1.1rem;
    flex-shrink: 0;
}

[b-ufae8bblkz] .markdown .table-wrapper {
    width: 100%;
    overflow-x: auto;
    margin: 15px 0;
}

[b-ufae8bblkz] .markdown table {
    width: auto;
    display: table;
    min-width: 500px;
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 17px !important;
}

[b-ufae8bblkz] .markdown table th,
[b-ufae8bblkz] .markdown table td {
    border: 1px solid #333;
    padding: 8px 12px;
}

@media (max-width: 950px) {

    .page > .content[b-ufae8bblkz] {
        flex-direction: column-reverse;
    }

    .content .info[b-ufae8bblkz] {
        width: 100%;
    }
    
}
/* /Components/Pages/Cv.razor.rz.scp.css */
@page {
    size: A4;
    margin: 0;
}

.cv-page[b-2010k14jzi] {
    width: var(--cv-width);
    height: var(--cv-height);
    margin: auto auto 20px auto;
    background: white;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    overflow: hidden;
    page-break-after: always;
}

@media print {
    
    .cv-page[b-2010k14jzi] {
        margin: auto;
    }
    
}

.cv-page:last-child[b-2010k14jzi] {
    page-break-after: auto;
}

.cv-page[b-2010k14jzi] {
    --header-height: 25%;
    position: relative;
    color: #000;
    padding: 40px 35px;
}

.cv-page.first[b-2010k14jzi] {
    padding: 0;
    display: grid;
    grid-template-columns: 36% 1fr;
    grid-gap: 0;
}

.cv-page *[b-2010k14jzi] {
    color: #000;
}

.cv-page > div[b-2010k14jzi] {
    height: 100%;
}

.cv-page .left[b-2010k14jzi] {
    background-color: #1f3864;
}

.left .header[b-2010k14jzi] {
    position: relative;
    height: var(--header-height);
}

.left .header .line[b-2010k14jzi] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80%;
    width: 100%;
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    z-index: 2;
}

.left .header .image-wrapper[b-2010k14jzi] {
    width: 80%;
}

.left .header .me-image[b-2010k14jzi] {
    width: 100%;
    padding-bottom: 100%;
    background-image: url("images/myself.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    border: 10px solid #1f3864;
}

.cv-page.first[b-2010k14jzi]::before {
    display: block;
    content: "";
    position: absolute;
    top: 67px;
    left: 0;
    width: 100%;
    height: 140px;
    background-color: #ececec;
    z-index: 1;
}

.right .header[b-2010k14jzi] {
    height: 230px;
}

.right .header h1[b-2010k14jzi] {
    position: relative;
    z-index: 3;
    padding: 100px 20px 0 20px;
    color: #000;
    font-size: 60px;
    font-weight: 450;
    text-align: center;
}

.right .job[b-2010k14jzi] {
    padding: 0 20px 30px 20px;
    text-align: center;
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
}

.right .job[b-2010k14jzi]::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 20px;
    height: 4px;
    background-color: #1f3864;
}

.right h2[b-2010k14jzi] {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 650;
    color: #1f3864;
    padding: 0 20px 20px 20px;
}

.left *[b-2010k14jzi] {
    color: #fff;
}

.left h4[b-2010k14jzi] {
    text-transform: uppercase;
    font-weight: 350;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 15px;
}

.left[b-2010k14jzi] {
    --svg-width: 19px;
    --svg-height: 19px;
}

[b-2010k14jzi] .left .link {
    font-size: 14px;
}

.contact[b-2010k14jzi],
.languages[b-2010k14jzi],
.tools[b-2010k14jzi],
.interests[b-2010k14jzi],
.school[b-2010k14jzi] {
    padding: 0 20px 20px 20px;
}

.school div[b-2010k14jzi] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.school div p[b-2010k14jzi] {
    font-size: 15px;
    margin-bottom: 5px;
    display: block;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.terminal-wrapper[b-i8yw8cpd6q] {
    padding: 60px 40px 20px 40px;
    max-width: 1200px;
    margin: 0 auto 50px auto;
}

.section[b-i8yw8cpd6q] {
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
}

.section > h2[b-i8yw8cpd6q] {
    color: var(--color-primary);
    font-size: 30px;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--color-quaternary);
    font-weight : 450;
}

.section > .content[b-i8yw8cpd6q] {
    padding: 20px 0;
}

@media (max-width: 950px) {

    .terminal-wrapper[b-i8yw8cpd6q] {
        padding: 60px 10px 20px 10px;
    }
    
    .section[b-i8yw8cpd6q] {
        padding-top: 50px;
        padding-left: 5px;
        padding-right: 15px;
    }

    .section > h2[b-i8yw8cpd6q] {
        padding: 10px;
    }
    
}
/* /Components/Pages/NotFound.razor.rz.scp.css */

.notfound[b-q3rbtrzmsu] {
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

.main[b-q3rbtrzmsu] {
    min-height: calc(90% - 70px);
    width: 100%;
    display: flex;
    align-items: center;
}

h3[b-q3rbtrzmsu] {
    font-weight: 400;
    font-size: 50px;
}

.desc[b-q3rbtrzmsu] {
    font-weight: 400;
    font-size: 20px;
    color: var(--color-secondary);
    padding-top: 20px;
}

/* /Components/Personal/PersonalLink.razor.rz.scp.css */

.link[b-sbsc4pvppa] {
    display: flex;
    align-items: center;
    gap: 10px;
    --svg-color: var(--color-secondary);
    padding-bottom: 5px;
}
/* /Components/Personal/PersonalStripe.razor.rz.scp.css */

.personal[b-c74jnlrb9b] {
    padding: 40px 60px;
    background-color: rgba(0,0,0,0.2);
    min-height: 100vh;
    height: 100%;
}

.me-image[b-c74jnlrb9b] {
    width: 100%;
    padding-bottom: 100%;
    background-image: url("images/myself.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    border: 4px solid var(--color-primary);
}

h3.name[b-c74jnlrb9b] {
    font-size: 30px;
    font-weight: 550;
    padding-top: 30px;
}

h4.job[b-c74jnlrb9b] {
    font-size: 20px;
    font-weight: 400;
    color: var(--color-secondary);
    font-style: italic;
}

.current-employment[b-c74jnlrb9b] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.current-employment .employer-logo[b-c74jnlrb9b] {
    width: 100px;
    height: 100px;
    background-image: url("images/companies/connext.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

[b-c74jnlrb9b] .links .link:first-child {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--color-quaternary);
}

.technologies[b-c74jnlrb9b],
.public-souce[b-c74jnlrb9b],
.cv[b-c74jnlrb9b] {
    font-size: 20px;
    font-weight: 400;
    color: var(--color-secondary);
    padding: 40px 0 20px 0;
}

.me-wrapper[b-c74jnlrb9b] {
    max-width: 400px;
    margin: 0 auto;
}

[b-c74jnlrb9b] .cv-link {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 1560px) {

    .personal[b-c74jnlrb9b] {
        padding: 40px 30px;
    }

}

@media (max-width: 1350px) {

    
    
}

@media (max-width: 1120px) {



}
/* /Components/Portfolios/Contact.razor.rz.scp.css */

.main[b-abxukk0cko] {
    padding-bottom: 60px;
}

.touch[b-abxukk0cko] {
    padding: 30px 0;
}

.side[b-abxukk0cko] {
    display: flex;
    gap: 40px;
}

.address[b-abxukk0cko] {
    padding: 30px 0;
}

.address p[b-abxukk0cko] {
    font-size: 20px;
    font-weight: 500;
}

.spacer[b-abxukk0cko] {
    padding: 20px 0 10px 0;
}

[b-abxukk0cko] .simple-link {
    font-size: 20px;
    color: var(--color-primary);
}

.philosophy[b-abxukk0cko] {
    margin-top: 20px;
}

.philosophy p[b-abxukk0cko] {
    padding-bottom: 10px;
}
/* /Components/Portfolios/Projects.razor.rz.scp.css */
/* /Components/Portfolios/ProjectWidget.razor.rz.scp.css */
ul[b-upf5eql5is] {
    list-style-position: inside;
    padding: 20px;
    list-style-type: none;
}

ul li[b-upf5eql5is] {
    color: var(--color-secondary);
    padding-bottom: 10px;
    font-size: 16px;
    display: flex;
    gap: 0.6rem;
    align-items: center;
}

ul li:last-child[b-upf5eql5is] {
    padding-bottom: 0;
}

ul li[b-upf5eql5is]::before {
    content: "";
    width: 4px;
    height: 4px;
    background: var(--color-secondary);
    border-radius: 50%;
    font-size: 1.1rem;
    flex-shrink: 0;
}

h3[b-upf5eql5is] {
    font-size: 26px;
    font-weight: 400;
}

.since[b-upf5eql5is] {
    color: var(--color-secondary);
    font-weight: 400;
    font-style: italic;
    font-size: 19px;
}

.project[b-upf5eql5is] {
    margin-bottom: 40px;
    display: flex;
}

.project > .left[b-upf5eql5is] {
    flex: 2;
}

.project > .right[b-upf5eql5is] {
    flex: 1;
}

img[b-upf5eql5is] {
    margin-bottom: 20px;
}

.header[b-upf5eql5is] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header .text[b-upf5eql5is] {
    flex: 1;
}

.header .go-to[b-upf5eql5is] {
    background-color: var(--main-color);
    color: #fff;
    border-radius: 6px;
    padding: 7px 15px;
    font-size: 15px;
    text-decoration: none;
}

.header .go-to:hover[b-upf5eql5is] {
    transition: .3s ease all;
    background-color: var(--main-color-2);
    cursor: pointer;
}

@media (max-width: 1120px) {

    ul[b-upf5eql5is] {
        margin-bottom: 20px;
    }
    
    ul li[b-upf5eql5is] {
        font-size: 17px;
    }
    
    .project[b-upf5eql5is] {
        flex-direction: column;
    }

}

@media (max-width: 950px) {

    .project[b-upf5eql5is] {
        padding: 0 5px 0 10px;
    }
    
    .header[b-upf5eql5is] {
        flex-direction: column-reverse;
        align-items: baseline;
    }

    ul[b-upf5eql5is] {
        top: 20px;
    }
    
}
/* /Components/Terminals/Terminal.razor.rz.scp.css */

.terminal[b-f36amfbyxb] {
    border-radius: 10px;
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.6),
        inset 0 0 8px rgba(255, 255, 255, 0.03);
    --height: 550px;
    --bar-height: 50px;
    height: var(--height);
    background-color: #191e23;
    font-family: Roboto, serif !important;
}

.terminal *[b-f36amfbyxb] {
    font-family: Roboto, serif !important;
}

.bar[b-f36amfbyxb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--bar-height);
}

.bar .right[b-f36amfbyxb] {
    display: flex;
    align-items: center;
    --svg-width: 22px;
    --svg-height: 22px;
    --svg-color: var(--color-secondary);
}

.bar .right .btn[b-f36amfbyxb] {
    padding: 0 12px;
}

.body[b-f36amfbyxb] {
    margin: 0 auto;
    width: calc(100% - 4px);
    height: calc(var(--height) - var(--bar-height) - 2px);
    background-color: #14181c;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #bab6a8;
    padding: 20px;
}

.bar .left[b-f36amfbyxb] {
    display: flex;
    align-items: end;
    padding: 0 0 0 20px;
    height: var(--bar-height);
}

.bar .left .tab[b-f36amfbyxb] {
    background-color: #14181c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: block;
    height: calc(var(--bar-height) - 10px);
    padding: 0 30px;
    line-height: calc(var(--bar-height) - 10px);
    user-select: none;
}

.input[b-f36amfbyxb] {
    padding-top: 10px;
    display: flex;
    align-items: start;
    padding-bottom: 20px;
}

.input span[b-f36amfbyxb] {
    display: block;
    width: 30px;
    font-size: 18px;
}

.input input[b-f36amfbyxb] {
    resize: none;
    background: transparent;
    border: none;
    appearance: none;
    outline: none;
    overflow: hidden;
    flex: 1;
    font-size: 18px;
}

.body pre[b-f36amfbyxb] {
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.history[b-f36amfbyxb] {
    overflow: hidden;
}

@media (max-width: 950px) {

    .bar .right[b-f36amfbyxb] {
        display: none;
    }
    
}