@import"https://fonts.googleapis.com/css2?family=Niramit:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kufam:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--wrapper-margin: 16px;--wrapper-max-width: calc(100% - (var(--wrapper-margin) * 2));--header-height: 0}.wrapper{width:100%;max-width:var(--wrapper-max-width);margin:0 var(--wrapper-margin)}.icon{display:inline-block;width:16px;height:16px;background-color:#f9f9f9;-webkit-mask-clip:content-box;mask-clip:content-box;-webkit-mask-origin:content-box;mask-origin:content-box;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.icon--briefcase{-webkit-mask-image:url(/assets/icons/briefcase.svg);mask-image:url(/assets/icons/briefcase.svg)}.icon--building{-webkit-mask-image:url(/assets/icons/building.svg);mask-image:url(/assets/icons/building.svg)}.icon--calendar{-webkit-mask-image:url(/assets/icons/calendar.svg);mask-image:url(/assets/icons/calendar.svg)}.icon--circle-info{-webkit-mask-image:url(/assets/icons/circle-info.svg);mask-image:url(/assets/icons/circle-info.svg)}.icon--code{-webkit-mask-image:url(/assets/icons/code.svg);mask-image:url(/assets/icons/code.svg)}.icon--codepen{-webkit-mask-image:url(/assets/icons/codepen.svg);mask-image:url(/assets/icons/codepen.svg)}.icon--dev-to{-webkit-mask-image:url(/assets/icons/dev-to.svg);mask-image:url(/assets/icons/dev-to.svg)}.icon--envelope{-webkit-mask-image:url(/assets/icons/envelope.svg);mask-image:url(/assets/icons/envelope.svg)}.icon--film{-webkit-mask-image:url(/assets/icons/film.svg);mask-image:url(/assets/icons/film.svg)}.icon--font-awesome{-webkit-mask-image:url(/assets/icons/font-awesome.svg);mask-image:url(/assets/icons/font-awesome.svg)}.icon--gamepad{-webkit-mask-image:url(/assets/icons/gamepad.svg);mask-image:url(/assets/icons/gamepad.svg)}.icon--github{-webkit-mask-image:url(/assets/icons/github.svg);mask-image:url(/assets/icons/github.svg)}.icon--hashnode{-webkit-mask-image:url(/assets/icons/hashnode.svg);mask-image:url(/assets/icons/hashnode.svg)}.icon--headphones{-webkit-mask-image:url(/assets/icons/headphones.svg);mask-image:url(/assets/icons/headphones.svg)}.icon--house{-webkit-mask-image:url(/assets/icons/house.svg);mask-image:url(/assets/icons/house.svg)}.icon--laptop-code{-webkit-mask-image:url(/assets/icons/laptop-code.svg);mask-image:url(/assets/icons/laptop-code.svg)}.icon--link{-webkit-mask-image:url(/assets/icons/link.svg);mask-image:url(/assets/icons/link.svg)}.icon--linkedin{-webkit-mask-image:url(/assets/icons/linkedin.svg);mask-image:url(/assets/icons/linkedin.svg)}.icon--pencil{-webkit-mask-image:url(/assets/icons/pencil.svg);mask-image:url(/assets/icons/pencil.svg)}.icon--soccer{-webkit-mask-image:url(/assets/icons/soccer.svg);mask-image:url(/assets/icons/soccer.svg)}.icon--tag{-webkit-mask-image:url(/assets/icons/tag.svg);mask-image:url(/assets/icons/tag.svg)}.icon--tv{-webkit-mask-image:url(/assets/icons/tv.svg);mask-image:url(/assets/icons/tv.svg)}.icon--user{-webkit-mask-image:url(/assets/icons/user.svg);mask-image:url(/assets/icons/user.svg)}.icon--x-twitter{-webkit-mask-image:url(/assets/icons/x-twitter.svg);mask-image:url(/assets/icons/x-twitter.svg)}.icon--pdf{-webkit-mask-image:url(/assets/icons/pdf.svg);mask-image:url(/assets/icons/pdf.svg)}.tech-icon{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:cover}.tech-icon--typescript{background-image:url(/assets/icons/typescript.svg)}.tech-icon--svgl{background-image:url(/assets/icons/svgl.svg)}.tech-icon--astro{background-image:url(/assets/icons/astro.svg)}.tech-icon--css{background-image:url(/assets/icons/css.svg)}.tech-icon--javascript{background-image:url(/assets/icons/javascript.svg)}.tech-icon--html{background-image:url(/assets/icons/html.svg)}.tech-icon--bootstrap{background-image:url(/assets/icons/bootstrap.svg)}.tech-icon--sass{background-image:url(/assets/icons/sass.svg)}.tech-icon--font-awesome{background-image:url(/assets/icons/font-awesome.svg)}.tech-icon--java{background-image:url(/assets/icons/java.svg)}.tech-icon--mysql{background-image:url(/assets/icons/mysql.svg)}.tech-icon--php{background-image:url(/assets/icons/php.svg)}.tech-icon--postgresql{background-image:url(/assets/icons/postgresql.svg)}.tech-icon--python{background-image:url(/assets/icons/python.svg)}.tech-icon--sqlite{background-image:url(/assets/icons/sqlite.svg)}.tech-icon--wordpress{background-image:url(/assets/icons/wordpress.svg)}.tech-icon--swiper{background-image:url(/assets/icons/swiper.svg)}.tech-icon--bash{background-image:url(/assets/icons/bash.svg)}.tech-icon--c-sharp{background-image:url(/assets/icons/c-sharp.svg)}.tech-icon--git{background-image:url(/assets/icons/git.svg)}.tech-icon--sql-server{background-image:url(/assets/icons/sql-server.svg)}.tech-icon--jquery{background-image:url(/assets/icons/jquery.svg)}.tech-icon--react{background-image:url(/assets/icons/react.svg)}.tech-icon--nodejs{background-image:url(/assets/icons/nodejs.svg)}.tech-icon--docker{background-image:url(/assets/icons/docker.svg)}.tech-icon--vscode{background-image:url(/assets/icons/vscode.svg)}.tech-icon--figma{background-image:url(/assets/icons/figma.svg)}.tech-icon--gimp{background-image:url(/assets/icons/gimp.svg)}.tech-icon--photoshop{background-image:url(/assets/icons/photoshop.svg)}.tech-icon--illustrator{background-image:url(/assets/icons/illustrator.svg)}.tech-icon--xd{background-image:url(/assets/icons/xd.svg)}.tech-icon--sass{width:22px;height:16px}.tech-icon--php{width:22px;height:11px}.tech-icon--jquery{width:40px;height:10px}html{scroll-behavior:smooth}body{font-family:Kufam,sans-serif;line-height:1.5;color:#eae8ed;background:#3b185f}main{max-width:100%;margin:0 auto}p{margin:5px 0 0;line-height:1.5}.page-section{box-sizing:border-box;width:100%;padding:20px;font-family:Niramit,sans-serif;background-color:#2b1740;border-bottom:1px solid #EAE8ED}.page-section:nth-child(odd){background-color:#2a0944}.page-section__title{position:relative;width:-moz-fit-content;width:fit-content;margin:0;padding-bottom:10px;font-family:Kufam,sans-serif;line-height:1;text-transform:uppercase}.page-section__title:before,.page-section__title:after{content:"";position:absolute;bottom:5px;display:block;width:35px;height:5px;background-color:#eae8ed}.page-section__title:after{left:38px;width:5px;border-radius:50%}@media screen and (min-width: 768px){.page-section{padding:20px 15%}}@media screen and (min-width: 1100px){.page-section{padding:20px calc((100vw - 1008px)/2)}}a{color:#a32b69;text-decoration:none}a:hover{color:#822254;text-decoration:underline}strong{color:#fff}.button,a.button{display:flex;gap:5px;align-items:center;box-sizing:border-box;width:-moz-fit-content;width:fit-content;padding:10px;font-weight:700;color:#eae8ed;text-decoration:none;background-color:#a32b69;border-radius:5px}.button:hover,a.button:hover{background-color:#822254}.button:focus,a.button:focus{background-color:#621a3f}.switch{box-sizing:border-box;width:100%;padding:10px}.switch__label{position:relative;display:inline-block;width:60px;height:34px}.switch__slider{cursor:pointer;position:absolute;inset:0;background-color:#a32b69;border-radius:34px;transition:.4s}.switch__slider:before{content:"";position:absolute;bottom:4px;left:4px;width:26px;height:26px;background-color:#eae8ed;border-radius:50%;transition:.4s}.switch__slider:after{content:"Show used technologies";position:absolute;top:0;bottom:0;left:105%;width:250px;height:-moz-fit-content;height:fit-content;margin:auto}.switch__checkbox{width:0;height:0;opacity:0}.switch__checkbox:checked+.switch__slider{background-color:#621a3f}.switch__checkbox:checked+.switch__slider:before{transform:translate(26px)}.switch__checkbox:checked+.switch__slider:after{content:"Hide used technologies"}.switch__checkbox:focus+.switch__slider{box-shadow:0 0 1px #621a3f}.header{padding-block:calc(var(--header-height) / 2)}.header__menu{position:fixed;z-index:2;bottom:0;width:100%;background-color:#120a1a}@media screen and (min-width: 1024px){.header__menu{top:0;right:0;bottom:unset;width:100%;padding:10px}}.header__list{display:flex;align-items:center;width:100%;margin:0;padding:0;list-style:none;border-top:1px solid #f9f9f9}.header__list .change-language{position:absolute;right:0;bottom:calc(var(--header-height) + 10px)}.header__list .change-language__link{display:flex;gap:5px;align-items:baseline;box-sizing:border-box;width:-moz-fit-content;width:fit-content;margin:0;padding:10px;font-size:16px;font-weight:500;line-height:1;color:#eae8ed;text-decoration:none;background-color:#a32b69;border-radius:5px}.header__list .change-language__link img{display:inline-block;width:16px;height:16px}.header__list .change-language__link:hover{background-color:#822254}.header__list .change-language__link:focus{background-color:#621a3f}@media screen and (min-width: 1024px){.header__list .change-language__link{margin:0 10px;padding:5px}}@media screen and (min-width: 1024px){.header__list .change-language{position:relative;right:unset;bottom:unset}}@media screen and (min-width: 1024px){.header__list{justify-content:flex-end;padding-right:calc((100vw - 1440px)/2);border:none}}.header__item{width:16.6666666667%;border-right:1px solid #EAE8ED}.header__item:last-child{border:none}.header__item .item__link{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;box-sizing:border-box;width:100%;padding:20px 0;color:#eae8ed;text-align:center;text-decoration:none;background-color:#120a1a}.header__item .item__link:hover{background-color:#4f62aa}@media screen and (min-width: 1024px){.header__item .item__link:hover{position:relative;color:#eae8ed;background-color:#120a1a}.header__item .item__link:hover:before,.header__item .item__link:hover:after{content:"";position:absolute;bottom:-2px;left:8px;display:block;width:35px;height:5px;background-color:#eae8ed}.header__item .item__link:hover:after{left:0;width:5px;border-radius:50%}}@media screen and (min-width: 768px){.header__item .item__link{flex-direction:row;align-items:baseline;justify-content:center}}@media screen and (min-width: 1024px){.header__item .item__link{padding:0 0 5px}}.header__item .item__text{font-size:9px;line-height:1}@media screen and (min-width: 450px){.header__item .item__text{font-size:12px}}@media screen and (min-width: 1024px){.header__item .item__text{font-size:16px}}@media screen and (min-width: 1024px){.header__item{width:auto;margin:0 10px;border:none}}.footer{padding-top:20px;padding-bottom:var(--header-height);padding-inline:20px;background-color:#120a1a}.footer ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0 0 10px;list-style:none}.footer ul li{display:flex;gap:5px;align-items:center;padding:5px;background-color:#2a0944;border-radius:10px}.footer p{margin-top:0;margin-bottom:10px}.footer p:first-child{margin-top:0}.footer p:last-child{margin-bottom:0}.footer a .icon{vertical-align:text-top}@media screen and (min-width: 768px){.footer{padding-inline:15%}}.hero{width:100%;height:100vh;max-height:1000px;background-image:url(/assets/images/pexels-soumil-kumar-735911.webp);background-repeat:no-repeat;background-size:cover}.hero__overlay{width:100%;height:100%;padding-top:15vh;background:#1f2326;background:linear-gradient(0deg,#1f2326d3,#1f232697)}.hero__content{position:relative;box-sizing:border-box;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:20px 0}.hero .content__image-container{position:relative;z-index:1;box-sizing:border-box;width:-moz-fit-content;width:fit-content;width:260px;margin:0 auto;line-height:0;border-radius:50%}.hero .content__image{width:100%;border-radius:50%}.hero .content__info{position:absolute;bottom:-100px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;width:100%;padding:130px 10px 20px;background-color:#120a1a}.hero .content__info h1,.hero .content__info h2{display:block;width:100%;margin-top:0;margin-bottom:10px;text-align:center}.hero .content__name{font-size:16px;font-weight:700;text-transform:uppercase}.hero .content__position{font-size:12px;font-weight:400}.hero .content__social{display:flex;align-items:center;justify-content:space-evenly;width:100%;margin:0;padding:0;list-style:none}.social__item .item{line-height:0}.social__item .item__link{display:flex;align-items:center;padding:5px;color:unset;text-decoration:none;border-radius:50%}.social__item .item__link:hover{background-color:#a12568}.interest{display:inline-block;box-sizing:border-box;width:48%;margin-bottom:20px;padding:10px;text-align:center;background-color:#120a1a;border-radius:20px}.interest__icon{width:30px}.interest__title{margin:0}.interest__description{font-size:12px}@media screen and (min-width: 600px){.interest{width:31%}}.experience-card{box-sizing:border-box;max-width:600px;height:-moz-fit-content;height:fit-content;margin:10px 0;padding:10px;color:#120a1a;background-color:#eae8ed;border-radius:15px 0}.experience-card .experience__company{grid-area:company}.experience-card .experience__title,.experience-card .experience__description{margin-bottom:5px}.experience-card .experience__information{grid-area:items;box-sizing:border-box;margin:10px 0 0}.experience-card .experience__date-range{font-size:14px}.experience-card hr{grid-area:separator;background-color:#2a0944}@media screen and (min-width: 1100px){.experience-card hr{width:1px;height:100%}}.experience-card .icon{background-color:#120a1a}.experience-card .technologies{display:flex;padding-top:10px;padding-left:0;list-style-type:none}.experience-card .technologies .technology{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:5px;color:#eae8ed;background-color:#a12568;border-radius:10px}.experience-card--current{color:#eae8ed;background-color:#120a1a}.experience-card--current .icon{background-color:#eae8ed}@media screen and (min-width: 1024px){.experience-card{width:100%;max-width:1080px}}@media screen and (min-width: 1100px){.experience-card{display:grid;grid-template-areas:"company separator items";grid-template-columns:minmax(0,50%) 1px minmax(0,50%);gap:10px}}.project{box-sizing:border-box;max-width:600px;margin:20px auto}.project__image-container{position:relative;overflow:hidden;box-sizing:border-box;width:100%;margin:0;line-height:0;background-color:#fec260;border-radius:15px 0 0}@media screen and (min-width: 1100px){.project__image-container{width:55%;height:-moz-fit-content;height:fit-content;margin:auto;line-height:0}}.project__image{width:100%}.project__type{position:absolute;top:0;margin:0;padding:10px;color:#120a1a;background-color:#fec260;border:1px solid #120A1A}.project__type .type__icon{margin-right:5px;background-color:#120a1a}.project__information{overflow:hidden;padding:10px;color:#eae8ed;background-color:#120a1a;border-radius:0 0 15px}.project__information ul{margin:0;list-style:none}@media screen and (min-width: 1100px){.project__information{box-sizing:border-box;width:45%;padding-top:30px;padding-bottom:30px}}.project__title{margin:0;font-family:Kufam,sans-serif;text-transform:uppercase}.project__links{display:flex;gap:10px;justify-content:flex-start;padding:10px}.project__description{position:relative;padding:10px}.project__description .description__icon{position:absolute;top:13px}.project__description p{margin:0;padding:0 0 0 25px}.project__technologies{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-evenly;padding:10px}.project .technology__item{display:flex;flex-direction:row;gap:5px;align-items:center;padding:10px;background-color:#2a0944;border-radius:5px}.project .technology__item .technology__text{padding:5px;font-size:10px;line-height:1}@media screen and (min-width: 1100px){.project{position:relative;display:flex;box-sizing:border-box;width:100%;max-width:unset;padding:10px 20px}}.skill-card{box-sizing:border-box;max-width:100%;height:-moz-fit-content;height:fit-content;margin:15px 0;padding:15px;color:#eae8ed;background-color:#120a1a;border-radius:15px 0}.skill-card .technologies{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:10px;padding-left:0}.skill-card .technologies .technology__item{display:flex;flex-direction:row;gap:5px;align-items:center;padding:10px;background-color:#2a0944;border-radius:5px}.skill-card .technologies .technology__item .technology__text{padding:5px;font-size:16px;line-height:1}.skill-card--current{color:#eae8ed;background-color:#120a1a}.skill-card--current .icon{background-color:#eae8ed}.page-section#about{min-height:auto}.page-section#about ul{margin:0;padding-left:20px}.page-section#about ul li:not(.interest){padding-bottom:5px}.page-section#about h4{margin:15px 0 5px}.interests{display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (min-width: 1024px){.interests{padding-right:20px}}.experiences{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:10px 0}@media screen and (min-width: 1024px){.experiences{flex-direction:column}}