html,body,#root{min-height:100%;color:#fefefe;background-color:#212121}#root{display:flex;flex-direction:column}._backdrop_10ay9_1{inset:0;z-index:1;position:fixed;background-color:#00000080}._drawer_10ay9_8{display:flex;flex-direction:column;inset:0 0 auto;position:fixed;color:#fff;background-color:#303030;text-align:center}._link_10ay9_18{color:#fff;padding:16px}._closeButton_10ay9_23{top:0;right:0;padding:16px;background-color:#00000080;color:#fff;border:none;cursor:pointer}._header_17196_1{inset:0 0 auto;position:sticky;z-index:1;background-color:#ffffff1a;backdrop-filter:saturate(180%) blur(20px)}._container_17196_9{max-width:var(--breakpoint-lg);width:100%;margin:0 auto;padding:8px 24px;display:flex;align-items:center;justify-content:space-between}._menuButton_17196_19{border:none;color:#fff;cursor:pointer;display:flex;padding:8px;font-size:16px;border:1px solid gray;border-radius:8px;background-color:transparent}._container_11rb1_1{width:100%;margin:0 auto;padding:0 24px 24px;max-width:var(--breakpoint-lg);gap:32px;display:flex;flex-direction:column}._container_aos1x_1{gap:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 53px)}._name_aos1x_10{text-align:center;font-weight:300}._role_aos1x_15{text-align:center;font-weight:700}._container_1ieky_1{gap:32px;display:flex;flex-direction:column;padding-top:50px}._container_1pwf0_1{display:flex;flex-direction:column;gap:32px;padding-top:50px}._projectList_m4gff_1{gap:32px;display:grid;justify-content:center;grid-template-columns:minmax(auto,350px)}@media (min-width: 540px){._projectList_m4gff_1{grid-template-columns:repeat(2,minmax(auto,350px))}}@media (min-width: 960px){._projectList_m4gff_1{grid-template-columns:repeat(3,minmax(auto,350px))}}._projectItem_12vcb_1{cursor:pointer;overflow:hidden;position:relative;aspect-ratio:4 / 3;border-radius:24px;font-weight:400}._projectItem_12vcb_1:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}@media (min-width: 960px){._projectItem_12vcb_1{aspect-ratio:3 / 4}}._projectImage_12vcb_20{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}._projectTitle_12vcb_28{position:absolute;inset:0;padding:16px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#00000080}._backdrop_1ldne_2{inset:0;z-index:1;display:flex;padding:24px;overflow:auto;position:fixed;background:rgba(0,0,0,.5)}._modal_1ldne_12{color:#000;background-color:#fff;margin:auto;overflow:hidden;position:relative;border-radius:24px;max-width:450px;max-height:800px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}@media (min-width: 720px){._modal_1ldne_12{max-width:850px;max-height:450px;grid-template-rows:1fr;grid-template-columns:repeat(2,1fr)}}._closeButton_1ldne_35{cursor:pointer;display:flex;line-height:8px;inset:0 0 auto auto;margin:16px;position:absolute;background-color:brown;border:none;padding:8px;border-radius:8px;color:#fff}._image_1ldne_49{width:100%;height:100%;min-height:0;object-fit:cover}._content_1ldne_56{color:#fff;background-color:#313131;padding:16px;gap:16px;display:flex;flex-direction:column;overflow:hidden}._techList_1ldne_66{display:flex;flex-wrap:wrap;gap:8px;list-style:none;justify-content:center}._techItem_1ldne_74{font-size:14px;background-color:teal;border-radius:8px;padding:2px 8px}._button_1ldne_81{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border:none;color:#fff;font-size:1rem;cursor:pointer;border-radius:8px;text-align:center;text-decoration:none}._demoButton_1ldne_97,._codeButton_1ldne_101{background:linear-gradient(270deg,#f06449,#ef3636)}@media (min-width: 720px){._modal_1ldne_12{aspect-ratio:4/3}}@media (min-width: 960px){._modal_1ldne_12{aspect-ratio:5/3}}._section_d1dn5_1{gap:32px;display:flex;flex-direction:column}._content_d1dn5_7{gap:32px;display:grid;grid-template-columns:1fr}@media (min-width: 720px){._content_d1dn5_7{grid-template-columns:repeat(2,1fr)}}._form_1ld5z_1{gap:24px;display:flex;flex-direction:column}._input_1ld5z_7{border:1px solid #ccc;width:100%;padding:12px;font-size:1rem;font-weight:400;border-radius:8px}._button_1ld5z_16{padding:12px;border:none;color:#fff;font-size:1rem;cursor:pointer;border-radius:8px;background:linear-gradient(270deg,#f06449,#ef3636)}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-Light.d7345dfb.ttf);font-weight:300;font-style:normal}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-Regular.76664172.ttf);font-weight:400;font-style:normal}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-Bold.01616f5e.ttf);font-weight:700;font-style:normal}:root{--bg-color: #fafafa;--text-color: #212121;--text-color-secondary: #757575;--primary-color: #00bcd4;--secondary-color: #ff9800;--breakpoint-sm: 540px;--breakpoint-md: 720px;--breakpoint-lg: 960px}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;scroll-behavior:smooth;font-family:Fira Code,monospace}html,body,#_root_18b1x_1{min-height:100%;color:#fefefe;background-color:#212121}#_root_18b1x_1{display:flex;flex-direction:column}input,textarea{font-family:inherit}._contactOptionItem_18b1x_68{color:#000;text-decoration:none;color:#fff;background-color:#313131;padding:24px;border-radius:12px}._contactOptionList_1t8wj_1{gap:24px;display:grid;grid-template-columns:1fr;align-content:center}@media (min-width: 540px){._contactOptionList_1t8wj_1{grid-template-columns:repeat(2,1fr)}}@media (min-width: 720px){._contactOptionList_1t8wj_1{grid-template-columns:1fr}}@media (min-width: 960px){._contactOptionList_1t8wj_1{grid-template-columns:repeat(2,1fr)}}