/* /Layout/Footer.razor.rz.scp.css */
footer[b-ju6odvqrqq] {
    width : calc(100svw - 14svw);
    margin-left : 14svw;
    background-color : var(--background);
    border-top : 1px solid var(--stroke);
}

.contactInfos[b-ju6odvqrqq] {
    width : calc(100% - 50px);
    display : flex;
    flex-direction: column;
    margin : 25px;
}

a[b-ju6odvqrqq] {
    font-weight : 400;
    text-decoration: underline;
}

p:nth-of-type(2)[b-ju6odvqrqq] {
    margin-top : 25px;
}

h4[b-ju6odvqrqq] {
    text-align : center;
    margin-top : 25px;
    padding-bottom : 25px;
}

@media screen and (min-width : 320px) and (max-width : 1000px) {
    footer[b-ju6odvqrqq] {
        margin : 0;
        width : 100svw;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* /Layout/NavMenu.razor.rz.scp.css */
nav[b-h9xvjoddky] {
    height : 100svh;
    position : fixed;
    top : 0;
    left : 0;
    display : flex;
    flex-direction: column;
    border-right : 1px solid var(--stroke);
    width : 14svw;
    align-items : center;
    background-color : var(--foreground);
    z-index : 2;
}

nav > div[b-h9xvjoddky] {
    display : flex;
    flex-direction : column;
    justify-content: center;
    align-items: center;
    align-self :first baseline;
    margin-top : 25px;
    margin-bottom : 50px;
}

nav > div > svg[b-h9xvjoddky] {
    width : 30%;
    margin-bottom : 25px;
}

nav > div > h1[b-h9xvjoddky] {
    font-size : 20px;
    font-weight : 600;
    text-align : center;
}

nav > div > h2[b-h9xvjoddky] {
    margin-top : 15px;
    font-weight : 400;
    text-align : center;
}

.navLinks[b-h9xvjoddky] {
    display : flex;
    flex-direction: column;
    width : 100%;
    z-index : -1;
}

[b-h9xvjoddky] a{
    padding-top : 30px;
    padding-bottom : 30px;
    width : 100%;
    position : relative;
    background-color: var(--background);
    border-top : 1px solid var(--stroke);
    border-bottom : 1px solid var(--stroke);
    text-align : center;
    position : relative;
}

[b-h9xvjoddky] a::after {
    content : "";
    height : 5px;
    width : 100%;
    position : absolute;
    bottom : 0;
    left : 0;
    background-color : var(--properblue);
    opacity : 0;
    transition : opacity 0.3s ease;
}

[b-h9xvjoddky] a:hover::after {
    opacity : 1;
}

[b-h9xvjoddky] a.active::after {
    opacity : 1;
}

nav > svg[b-h9xvjoddky] {
    display : none;
}

@media screen and (min-width : 320px) and (max-width : 1000px) {
    nav[b-h9xvjoddky] {
        height : 60px;
        width : 100svw;
        align-items : center;
        flex-direction: row;
        border-bottom : 1px solid var(--stroke);
        border-right : none;
        position : fixed;
        top : 0;
        left : 0;
        z-index : 5;
    }

    .navLinks[b-h9xvjoddky] {
        position : fixed;
        left : -80%;
        width : 80%;
        bottom : 0;
        height : calc(100svh - 60px);
        transition : left 0.5s ease;
        background-color : var(--foreground);
        justify-content: center;
        border-right : 1px solid var(--stroke);
        height : 100vh;
    }

    [b-h9xvjoddky] a {
        padding-top : 50px;
        padding-bottom : 50px;
    }

    nav > svg[b-h9xvjoddky] {
        position : absolute;
        right : 25px;
        width : 40px;
        z-index : 5;
        transition : transform 0.5s ease;
        display : block;
    }

    nav > div[b-h9xvjoddky] {
        height : 80%;
        flex-direction: row;
        margin : 0;
        align-self : center;
    }

    nav > div > svg[b-h9xvjoddky] {
        height : 80%;
        margin : 0;
    }

    nav > div > h1[b-h9xvjoddky] {
        font-size : 16px;
        width : 80svw;
        text-align : left;
    }

    nav > div > h2[b-h9xvjoddky] {
        display : none;
    }

    .navLinks.active[b-h9xvjoddky] {
        left : 0;
    }

    nav > svg.active[b-h9xvjoddky] {
        transform : rotateZ(90deg);
    }
}

@media screen and (min-width : 450px) and (max-width : 1000px) {
    .navLinks[b-h9xvjoddky] {
        width : 60svw;
    }
}

@media screen and (min-width : 650px) and (max-width : 1000px) {
    .navLinks[b-h9xvjoddky] {
        width : 45svw;
    }
}

@media screen and (min-width : 850px) and (max-width : 1000px) {
    .navLinks[b-h9xvjoddky] {
        width : 30svw;
    }
}
/* /Pages/Contact.razor.rz.scp.css */
.contact[b-mah9l2f5oi] {
    width : calc(100svw - 14svw);
    margin-left : 14svw;
    display : flex;
    flex-direction: column;
    justify-content: center;
    min-height : 100svh;
}

h2[b-mah9l2f5oi] {
    margin-left : 25px;
    margin-bottom: 25px;
    font-size : 30px;
    font-weight : 600;
    margin-top : 100px;
    color : transparent;
    background: linear-gradient(90deg, var(--orange) 0%, var(--lightblue) 100%);
    -webkit-background-clip: text;
    background-clip : text;
    transition : color 0.4s ease;
    width : fit-content;
}

h2:nth-of-type(2)[b-mah9l2f5oi] {
    background: linear-gradient(90deg, var(--purple) 0%, var(--properblue) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

p[b-mah9l2f5oi] {
    margin-left : 25px;
    font-weight : 400;
    margin-top : 8px;
    margin-bottom : 8px;
}

a[b-mah9l2f5oi] {
    font-weight : 600;
    text-decoration: underline;
    background: linear-gradient(90deg, var(--text) 0%, var(--text) 100%);
    -webkit-background-clip: text;
    background-clip : text;
    transition : color 0.4s ease;
}

.contact > p > a:hover[b-mah9l2f5oi] {
    background: linear-gradient(90deg, var(--lightblue) 0%, var(--purple) 100%);
    -webkit-background-clip: text;
    background-clip : text;
    color : transparent;
}

#unavailable[b-mah9l2f5oi] {
    font-weight : 600;
    text-decoration: underline;
    margin-bottom : 25px;
}

.contactForm[b-mah9l2f5oi] {
    display : grid;
    background-color: var(--background);
    margin-left : 25px;
    outline : 2px solid var(--stroke);
    padding : 20px;
    gap : 25px;
    width : calc(50svw - 14svw);
    grid-template-columns : repeat(2, calc(50% - 25px));
    grid-template-rows : 4fr;
    justify-content: center;
    align-content: center;
    opacity : 0.5;
    margin-bottom : 50px;
}

.input_label[b-mah9l2f5oi] {
    position : relative;
    display: flex;
    align-items: center;
}

.input_label > label[b-mah9l2f5oi] {
    position: absolute;
    left : 12px;
    background-color: var(--background);
    transition : transform 0.3s ease;
    padding : 4px;
}

.input_label > input[b-mah9l2f5oi] {
    padding : 8px;
    background-color: var(--background);
    outline : 2px solid var(--stroke);
    transition : outline 0.3s ease;
    width : calc(100% - 16px);
}

.input_label > input:focus[b-mah9l2f5oi] {
    outline : 2px solid var(--properblue);
}

.input_label > input:focus + label[b-mah9l2f5oi] {
    transform : translateY(-75%);
}

.customSelector[b-mah9l2f5oi] {
    width : calc(100% -16px);
    padding : 8px;
    position: relative;
    display : flex;
    align-items: center;
    transition : outline 0.3s ease;
    cursor : pointer;
    z-index : 2;
}

.customSelector > svg[b-mah9l2f5oi] {
    width : 8px;
    position : absolute;
    right : 16px;
}

.customSelector > p[b-mah9l2f5oi] {
    margin : 0;
    padding : 4px;
}

select[b-mah9l2f5oi] {
    display : none;
    position : absolute;
    z-index : -1;
}

.optionsMenu[b-mah9l2f5oi] {
    position : absolute;
    top : 100%;
    left : 0;
    width : calc(100% - 16px);
    padding : 8px;
    background-color: var(--stroke);
    outline : 2px solid var(--properblue);
}

.optionsMenu > p[b-mah9l2f5oi] {
    width : calc(100% - 16px);
    margin : 0;
    margin : 0;
    padding : 8px;
    transition : background-color 0.3s ease;
}

.optionsMenu > p:hover[b-mah9l2f5oi] {
    background-color: var(--background);
}

textarea[b-mah9l2f5oi] {
    resize : none;
    width : calc(100% - 24px);
    padding : 12px;
    position: relative;
    display : flex;
    align-items: center;
    transition : outline 0.3s ease;
    outline : 2px solid var(--stroke);
    background-color: var(--background);
    grid-row : span 3;
}

textarea:focus[b-mah9l2f5oi] {
    outline : 2px solid var(--properblue);
}

textarea[b-mah9l2f5oi]::placeholder {
    color : var(--text);
}

.contactForm > p:last-child[b-mah9l2f5oi] {
    grid-row : 4;
    width : calc(100% - 16px);
    padding : 8px;
    text-align : center;
    margin : 0;
    cursor : pointer;
    position : relative;
    z-index : 1;
    overflow: hidden;
    font-weight : 600;
}

.contactForm > p:last-child[b-mah9l2f5oi]::before {
    content : "";
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    background-color: var(--stroke);
    z-index : -1;
}

.contactForm > p:last-child[b-mah9l2f5oi]::after {
    content : "";
    width : 150%;
    height : 100%;
    position : absolute;
    top : 0;
    left : 0;
    background : linear-gradient(45deg, var(--properblue) 0%, var(--properblue) 75%, rgba(0, 0, 0, 0) 75.01%);
    z-index : -1;
    transform: translateX(-100%);
    transition : transform 0.4s ease;
}

.contactForm > p:last-child:hover[b-mah9l2f5oi]::after {
    transform : none;
}

@media screen and (min-width : 320px) and (max-width : 1000px) {
    .contact[b-mah9l2f5oi] {
        margin : 0;
        width : 95svw;
    }
    .contactForm[b-mah9l2f5oi] {
        width : calc(100% - 40px);
        margin-left : 0;
    }

    h2[b-mah9l2f5oi], p[b-mah9l2f5oi] {
        margin-left : 0;
        text-align : center;
    }
}

@media screen and (min-width : 320px) and (max-width : 600px) {
    .contactForm[b-mah9l2f5oi] {
        display: flex;
        flex-direction: column;
    }

    textarea[b-mah9l2f5oi] {
        height : 200px;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home[b-ug5ozslo5g] {
    width : 86svw;
    height : 100svh;
    display : flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position : relative;
    margin-left : 14svw;
}

.homeTitle[b-ug5ozslo5g] {
    display : flex;
    flex-direction: column;
    margin-left : 50px;
}

.homeTitle > h2[b-ug5ozslo5g] {
    font-size : 30px;
    font-weight : 600;
    transition : color 0.4s;
    width :fit-content;
    position : relative;
    z-index : 1;
    background: linear-gradient(90deg, var(--text) 0%, var(--text) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

.homeTitle > h2:hover[b-ug5ozslo5g] {
    color : transparent;
    background: linear-gradient(90deg, var(--purple) 0%, var(--properblue) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

.homeTitle > h3[b-ug5ozslo5g] {
    font-size : 24px;
    font-weight : 400;
    transition : color 0.4s;
    width :fit-content;
    position : relative;
    margin-top : 15px;
    z-index : 1;
    margin-bottom : 30px;
    color : transparent;
    background: linear-gradient(90deg, var(--lightblue) 0%, var(--orange) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

.homeTitle > p[b-ug5ozslo5g] {
    font-weight: 400;
    margin-top : 25px;
    line-height: 35px;
    max-width : 100ch;
}

.homeTitle > p > span[b-ug5ozslo5g] {
    font-weight : 600;
}

.cs[b-ug5ozslo5g] {
    font-weight : 400;
    transition : color 0.4s, transform 0.8s ease;
    width :fit-content;
    position : relative;
    z-index : 1;
    background: linear-gradient(90deg, var(--text) 0%, var(--text) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

.cs:hover[b-ug5ozslo5g] {
    color : transparent;
    background: linear-gradient(90deg, var(--purple) 0%, var(--orange) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

.blazor[b-ug5ozslo5g] {
    font-weight : 400;
    transition : color 0.4s, transform 0.8s ease;
    width :fit-content;
    position : relative;
    z-index : 1;
    background: linear-gradient(90deg, var(--text) 0%, var(--text) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

.blazor:hover[b-ug5ozslo5g] {
    color : transparent;
    background: linear-gradient(90deg, var(--properblue) 0%, var(--purple) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

.net[b-ug5ozslo5g] {
    font-weight : 400;
    transition : color 0.3s;
    width :fit-content;
    position : relative;
    z-index : 1;
    background: linear-gradient(90deg, var(--text) 0%, var(--text) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

.net:hover[b-ug5ozslo5g] {
    color : transparent;
    background: linear-gradient(90deg, var(--orange) 0%, var(--properblue) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

[b-ug5ozslo5g] a {
    background-color : var(--text);
    color : var(--stroke);
    display : flex;
    flex-direction: row;
    align-items: center;
    padding-left : 20px;
    padding-right : 75px;
    padding-top : 20px;
    padding-bottom : 20px;
    font-weight : 600;
    width : fit-content;
    margin-left : 50px;
    margin-top : 50px;
    transition : padding-right 0.3s ease;
    position : relative;
}

[b-ug5ozslo5g] a > svg {
    height : 30px;
    margin-left : 30px;
    position : absolute;
    right : 25px;
}

[b-ug5ozslo5g] a:hover {
    padding-right : 125px;
}

.wpf[b-ug5ozslo5g] {
    font-weight : 400;
    transition : color 0.3s;
    width :fit-content;
    position : relative;
    z-index : 1;
    background : linear-gradient(90deg, var(--text) 0%, var(--text) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

.wpf:hover[b-ug5ozslo5g] {
    color : transparent;
    background: linear-gradient(90deg, var(--lightblue) 0%, var(--purple) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

.javafx[b-ug5ozslo5g] {
    font-weight : 400;
    transition : color 0.3s;
    background : linear-gradient(90deg, var(--text) 0%, var(--text) 100%);
    -webkit-background-clip: text;
    background-clip : text;
    width :fit-content;
    position : relative;
    z-index : 1;
}

.javafx:hover[b-ug5ozslo5g] {
    color : transparent;
    background: linear-gradient(90deg, var(--orange) 0%, var(--lightblue) 100%);
    -webkit-background-clip: text;
    background-clip : text;
}

@media screen and (min-width : 320px) and (max-width : 1000px) {
    .home[b-ug5ozslo5g] {
        width : 95svw;
        margin : 0;
        height : auto;
        padding-top : 75px;
        justify-content: center;
        align-items : center;
        margin-top : 25px;
    }

    .homeTitle[b-ug5ozslo5g] {
        margin : 0;
        justify-content: center;
        align-items: center;
    }

    .homeTitle > h2[b-ug5ozslo5g], .homeTitle > h3[b-ug5ozslo5g], .homeTitle > p[b-ug5ozslo5g] {
        width : calc(100% - 50px);
        text-align: center;
    }

    [b-ug5ozslo5g] a {
        padding-right : 20px;
        margin : 0;
        margin-bottom : 25px;
        margin-top : 25px;
    }

    [b-ug5ozslo5g] a > svg {
        display : none;
    }

    [b-ug5ozslo5g] a:hover {
        padding-right : 20px;
    }
}
/* /Pages/NotFound.razor.rz.scp.css */
.notFound[b-3mvwfixllq] {
    display : flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width : 100svw;
    height : 100svh;
}

.notFound > div[b-3mvwfixllq] {
    width : 320px;
    height : 320px;
}

h2[b-3mvwfixllq], h3[b-3mvwfixllq], [b-3mvwfixllq] a {
    width : 100%;
}

h2[b-3mvwfixllq] {
    font-size : 60px;
    font-weight : 700;
}

h3[b-3mvwfixllq] {
    font-size : 30px;
    font-weight : 500;
    margin-top : 10px;
    margin-bottom : 25px;
}

[b-3mvwfixllq] a {
    background-color: var(--text);
    color : var(--stroke);
    padding : 20px;
    font-weight : 600;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    transition : padding-right 0.3s ease;
}

[b-3mvwfixllq] a:hover {
    padding-right : 75px;
}

[b-3mvwfixllq] a > svg {
    height : 30px;
    margin-left : 30px;
    position : absolute;
    right : 25px;
}

@media screen and (min-width : 320px) and (max-width : 450px) {
    [b-3mvwfixllq] a {
        padding-right : 20px;
        margin : 0;
        margin-bottom : 25px;
        margin-top : 25px;
        width : fit-content;
    }

    [b-3mvwfixllq] a > svg {
        display : none;
    }

    [b-3mvwfixllq] a:hover {
        padding-right : 20px;
    }
}
/* /Pages/Services.razor.rz.scp.css */
.services[b-zxgtlir56k] {
    width : calc(100svw - 14svw);
    min-height : 100svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left : 14svw;
}

h2[b-zxgtlir56k] {
    margin-left : 25px;
    margin-bottom: 25px;
    font-size : 30px;
    font-weight : 600;
    margin-top : 100px;
}

.servicesPanel[b-zxgtlir56k] {
    display : grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    row-gap : 25px;
    column-gap : 5px;
    margin-left : 25px;
}

article[b-zxgtlir56k] {
    width : 200px;
    background-color : var(--background);
    outline : 2px solid var(--foreground);
    height : 300px;
    display : grid;
    grid-template-rows : repeat(3, 33.33%);
    padding : 20px;
    justify-content: center;
    align-content: center;
    align-items: center;
    justify-items: center;
    transition : outline-width 0.1s ease;
}

article:hover[b-zxgtlir56k] {
    outline : 3px solid var(--properblue);
}

article > svg[b-zxgtlir56k] {
    height : 100%;
    grid-row : 1;
}

article > h3[b-zxgtlir56k] {
    text-align: center;
    font-weight : 500;
}

article > p[b-zxgtlir56k] {
    width : 100%;
    line-height : 25px;
    align-self : start;
}

.contactAction[b-zxgtlir56k] {
    display : flex;
    flex-direction: row;
    align-items: center;
    margin-left : 25px;
    margin-bottom : 25px;
    margin-top : 50px;
    position : relative;
}

.skillsAction[b-zxgtlir56k] {
    margin-bottom : 50px;
    display : flex;
    flex-direction: row;
    align-items: center;
    margin-left : 25px;
    position : relative;
}

.contactAction > p[b-zxgtlir56k], .skillsAction > p[b-zxgtlir56k] {
    font-weight : 600;
    font-size : 18px;
    max-width : 35svw;
}

[b-zxgtlir56k] a {
    background-color : var(--text);
    color : var(--stroke);
    display : flex;
    flex-direction: row;
    align-items: center;
    padding-left : 20px;
    padding-right : 75px;
    padding-top : 20px;
    padding-bottom : 20px;
    font-weight : 600;
    width : fit-content;
    margin-left : 50px;
    transition : padding-right 0.3s ease;
    position : absolute;
    left : 40svw;
    width : 300px;
}

[b-zxgtlir56k] a > svg {
    height : 30px;
    margin-left : 30px;
    position : absolute;
    right : 25px;
}

[b-zxgtlir56k] a:hover {
    padding-right : 125px;
}

@media screen and (min-width : 320px) and (max-width : 1000px) {
    .services[b-zxgtlir56k] {
        width : 95svw;
        margin : 0;
        align-items: center;
    }

    .servicesPanel[b-zxgtlir56k] {
        margin : 0;
        width : 100%;
        justify-items: center;
    }

    .contactAction[b-zxgtlir56k], .skillsAction[b-zxgtlir56k] {
        margin-left : 0;
        flex-direction: column;
        width : 95svw;
        align-items: baseline;
    }

    .contactAction > p[b-zxgtlir56k], .skillsAction > p[b-zxgtlir56k] {
        width : 100%;
        max-width: none;
    }

    h2[b-zxgtlir56k] {
        margin-left : 0;
    }

    h2[b-zxgtlir56k], p[b-zxgtlir56k] {
        text-align: center;
    }

    [b-zxgtlir56k] a {
        padding-right : 75px;
        margin-bottom : 25px;
        margin-top : 25px;
        margin-left : 0;
        position : relative;
        left : 0;
    }
}

@media screen and (min-width : 320px) and (max-width : 460px) {
    [b-zxgtlir56k] a {
        padding-right : 20px;
        width : calc(100% - 40px);
        justify-content: center;
        transition : none;
    }

    [b-zxgtlir56k] a > svg {
        display : none;
    }

    [b-zxgtlir56k] a:hover {
        padding-right : 20px;
    }
}

@media screen and (min-width : 1000px) and (max-width : 1150px) {
    [b-zxgtlir56k] a {
        padding-right : 20px;
        width : calc(100% - 40px);
        justify-content: center;
        transition : none;
        left : 30svw;
        width : 300px;
        padding-right : 75px;
        transition : padding-right 0.3s ease;
    }
}

@media screen and (min-width : 1150px) {
    .contactAction[b-zxgtlir56k] {
        margin-bottom : 50px;
    }
}
/* /Pages/Skills.razor.rz.scp.css */
.skills[b-v99160qa1p] {
    width : calc(100svw - 14svw);
    margin-left : 14svw;
    min-height : 100svh;
    display : flex;
    flex-direction: column;
    justify-content: center;
}

.skillsPanel[b-v99160qa1p] {
    margin-left : 25px;
    display : grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    row-gap : 25px;
    column-gap : 5px;
    margin-bottom : 50px;
    justify-items : center;
}

h2[b-v99160qa1p] {
    margin-left : 25px;
    margin-bottom: 25px;
    font-size : 30px;
    font-weight : 600;
    margin-top : 100px;
}

article[b-v99160qa1p] {
    width : 200px;
    background-color : var(--background);
    outline : 2px solid var(--foreground);
    height : 300px;
    display : grid;
    grid-template-rows : repeat(3, 33.33%);
    padding : 20px;
    justify-content: center;
    align-content: center;
    align-items: center;
    justify-items: center;
    transition : outline-width 0.1s ease;
}

article:hover[b-v99160qa1p] {
    outline : 3px solid var(--properblue);
}

article > svg[b-v99160qa1p] {
    height : 100%;
    grid-row : 1;
}

article > h3[b-v99160qa1p] {
    text-align: center;
    font-weight : 600;
    font-size : 18px;
}

article > p[b-v99160qa1p] {
    width : 100%;
    line-height : 25px;
    align-self : start;
    text-align: center;
}

[b-v99160qa1p] a {
    background-color : var(--text);
    color : var(--stroke);
    display : flex;
    flex-direction: row;
    align-items: center;
    padding-left : 20px;
    padding-right : 75px;
    padding-top : 20px;
    padding-bottom : 20px;
    font-weight : 600;
    width : fit-content;
    margin-left : 25px;
    transition : padding-right 0.3s ease;
    position : relative;
    margin-bottom : 50px;
}

[b-v99160qa1p] a > svg {
    height : 30px;
    margin-left : 30px;
    position : absolute;
    right : 25px;
}

[b-v99160qa1p] a:hover {
    padding-right : 125px;
}

@media screen and (min-width : 320px) and (max-width : 1000px) {
    .skills[b-v99160qa1p] {
        width : 95svw;
        margin-left : 0;
    }

    .skillsPanel[b-v99160qa1p] {
        margin-left : 0;
    }

    h2[b-v99160qa1p] {
        margin-left : 0;
        text-align: center;
    }

    [b-v99160qa1p] a {
        padding-right : 20px;
        margin-top : 25px;
        width : calc(95svw - 40px);
        margin-left : 0;
        justify-content: center;
    }

    [b-v99160qa1p] a > svg {
        display : none;
    }

    [b-v99160qa1p] a:hover {
        padding-right : 20px;
    }
}