@import"https://fonts.googleapis.com/css2?family=VT323&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";.btn_theme_wrapper[data-v-6f31f95e]{position:fixed;bottom:20px;z-index:10}.btn_theme_wrapper .app_title[data-v-6f31f95e]{font-size:35px;color:var(--highlight-color)}.btn_theme_wrapper .btn_wrapper[data-v-6f31f95e]{display:flex;flex-direction:column;align-items:center;gap:10px}.btn_theme_wrapper .btn_wrapper button[data-v-6f31f95e]{height:45px;width:45px;border-radius:12px;cursor:pointer;overflow:hidden;background-color:var(--highlight-color);border:none}.btn_theme_wrapper .btn_wrapper button .btn_icon_content[data-v-6f31f95e]{display:flex;align-items:center;width:100px;justify-content:space-between;transition:transform .3s ease-out}.btn_theme_wrapper .btn_wrapper button .btn_icon_content .btn_icon[data-v-6f31f95e]{color:#fff}.btn_theme_wrapper .btn_wrapper button .btn_icon_content.dark_mode[data-v-6f31f95e]{transform:translate(10px)}.btn_theme_wrapper .btn_wrapper button .btn_icon_content.light_mode[data-v-6f31f95e]{transform:translate(-27px)}.btn_theme_wrapper .btn_wrapper button .btn_icon_content.device_mode[data-v-6f31f95e]{transform:translate(-64px)}.btn_theme_wrapper .btn_wrapper button .btn_navigator[data-v-6f31f95e]{width:65px;display:flex;justify-content:space-between;align-items:center;transition:transform .3s ease-out}.btn_theme_wrapper .btn_wrapper button .btn_navigator.is_home[data-v-6f31f95e]{transform:translate(10px)}.btn_theme_wrapper .btn_wrapper button .btn_navigator[data-v-6f31f95e]:not(.is_home){transform:translate(-30px)}@media (min-width: 768px){.btn_theme_wrapper[data-v-6f31f95e]{bottom:40px}.btn_theme_wrapper .btn_wrapper[data-v-6f31f95e]{gap:20px}.btn_theme_wrapper .btn_wrapper button[data-v-6f31f95e]{box-shadow:2px 8px 60px var(--highlight-color)}.btn_theme_wrapper .app_title[data-v-6f31f95e]{display:none}}.fade-enter-active[data-v-8fb1a7bf],.fade-leave-active[data-v-8fb1a7bf]{transition:opacity .5s}.fade-enter-from[data-v-8fb1a7bf],.fade-leave-to[data-v-8fb1a7bf]{opacity:0}.zilla-slab-light{font-family:Zilla Slab,serif;font-weight:300;font-style:normal;line-height:1.6}.zilla-slab-regular{font-family:Zilla Slab,serif;font-weight:400;font-style:normal;line-height:1.6}.zilla-slab-medium{font-family:Zilla Slab,serif;font-weight:500;font-style:normal;line-height:1.6}.zilla-slab-semibold{font-family:Zilla Slab,serif;font-weight:600;font-style:normal;line-height:1.6}.zilla-slab-bold{font-family:Zilla Slab,serif;font-weight:700;font-style:normal;line-height:1.6}.zilla-slab-light-italic{font-family:Zilla Slab,serif;font-weight:300;font-style:italic}.zilla-slab-regular-italic{font-family:Zilla Slab,serif;font-weight:400;font-style:italic}.zilla-slab-medium-italic{font-family:Zilla Slab,serif;font-weight:500;font-style:italic}.zilla-slab-semibold-italic{font-family:Zilla Slab,serif;font-weight:600;font-style:italic}.zilla-slab-bold-italic{font-family:Zilla Slab,serif;font-weight:700;font-style:italic}.vt323{font-family:VT323,monospace;font-weight:400;font-style:normal}.font-default{font-family:sans-serif;font-weight:400;font-style:normal}.mt_10{margin-top:10px}.mt_20{margin-top:20px}.mt_30{margin-top:30px}.mt_40{margin-top:40px}.mt_50{margin-top:50px}.mt_60{margin-top:60px}.mt_70{margin-top:70px}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden}body{--highlight-color: #9875d1;--link-color: #478be6;font-size:16px;color:var(--primary-text-color);background-color:rgba(var(--layout-color),1);transition:background-color .3s ease-out,color .3s ease-out}body:not(.dark){--primary-text-color: #48506D;--layout-color: 255, 255, 255;--quote-inspiration-bg: rgb(244, 241, 241);--quote-inspiration-bg-bar: rgb(179, 178, 178);--skelaton-loading-color: linear-gradient(90deg,#EDEDED 30%,#DCDCDC 50%,#EDEDED 70%);--btn-contact-color: rgb(221, 219, 219)}body.dark{--layout-color: 36, 36, 36;--primary-text-color: #e2e4ec;--quote-inspiration-bg: #493d57;--quote-inspiration-bg-bar: #9875d1;--skelaton-loading-color: linear-gradient(90deg, #93919100,#93919100 ,#454343);--btn-contact-color: rgb(61, 61, 61)}body .app_container{height:100vh;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth}body .app_container::-webkit-scrollbar{display:none}pre.hljs{overflow-x:auto;padding:20px;transition:background-color .3s ease-out,color .3s ease-out}pre.hljs code{font-size:14px}.animation_target_el{transition:background-color .3s ease-out,color .3s ease-out,opacity .3s ease-out,transform .3s ease-out!important}.animation_target_el:not(.is_activated){opacity:0;transform:translateY(40px)}.animation_target_el.is_activated{opacity:1;transform:translateY(0)}.border_only{border-top:1px solid var(--primary-text-color);opacity:.3}.project_demo_link{color:var(--highlight-color)}.experience_list{list-style-type:disc;margin-left:20px}.app_layout_fixed{max-width:1024px;margin:0 auto;padding:20px}.app_layout_fixed .app_header .bl_profile{display:flex;align-items:center;gap:10px}.app_layout_fixed .app_header .bl_profile img.profile_header{width:30px}.app_layout_fixed .app_header .bl_profile .pf_title{font-size:22px;color:var(--highlight-color);font-weight:500}.app_layout_fixed .contact_list{display:flex;align-items:center;row-gap:30px;column-gap:10px;flex-wrap:wrap;justify-content:center}.app_layout_fixed .footer_content{display:flex;justify-content:center;margin:100px 0 200px;color:var(--highlight-color)}.app_layout_fixed .demo_img{display:flex;flex-direction:column;gap:40px;width:100%}.app_layout_fixed .demo_img .demo_img_item{width:100%}.app_layout_fixed .demo_img .img_wrapper{background-position:center;background-size:cover;width:100%;background-color:#e0e0e0;border-radius:8px}.app_layout_fixed .demo_img .img_wrapper:not(.single_img_mode){height:300px}.app_layout_fixed .demo_img .img_wrapper.single_img_mode{height:400px}@media (min-width: 600px){.app_layout_fixed{padding:20px 50px}}@media (min-width: 768px){.app_layout_fixed{width:90vw!important;padding:20px}.app_layout_fixed .demo_img{flex-direction:row!important}.app_layout_fixed .demo_img hr{display:none}}@media (min-width: 1024px){.app_layout_fixed{width:80vw!important}}@media (max-width: 500px){.demo_img .demo_img_item .img_wrapper:not(.single_img_mode){height:200px}.demo_img .demo_img_item .img_wrapper.single_img_mode{height:200px}}.__fadeIn_element{opacity:0;transition:opacity .2s ease}.__fadeIn_element.__fadeIn_element_active{opacity:1}.__fadeInUp_element{opacity:0;transform:translateY(100px);transition:background-color .3s ease-out,color .3s ease-out,opacity .3s ease-out,transform .3s ease-out}.__fadeInUp_element.__fadeInUp_element_active{opacity:1;transform:translateY(0)}.________test{background-color:red}