@import url(https://fonts.googleapis.com/css2?family=Clicker+Script&family=Poppins:wght@200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity .25s ease;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:9999;z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:#000;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:contain;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:1;opacity:var(--yarl__pull_opacity,1);transform:translate(0);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*100%);width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*0*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1 1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-webkit-touch-callout:none;max-height:100%;max-width:100%;object-fit:contain;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:#fffc;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:red;color:var(--yarl__slide_icon_error_color,red);height:48px;height:var(--yarl__slide_icon_error_size,48px);width:48px;width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:none 0s ease 0s;transition:initial}.yarl__slide_loading,.yarl__slide_loading line{animation:none 0s ease 0s 1 normal none running;animation:initial}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:8px;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:32px;height:var(--yarl__icon_size,32px);width:32px;width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background-color:initial;background-color:var(--yarl__button_background_color,#0000);border:0;border:var(--yarl__button_border,0);color:#fffc;color:var(--yarl__color_button,#fffc);cursor:pointer;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:0;margin:var(--yarl__button_margin,0);outline:none;padding:8px;padding:var(--yarl__button_padding,8px)}.yarl__button:focus{color:#fff;color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:#fffc;color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:#fff;color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:#fff;color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:#fff6;color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:24px 16px;padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:auto;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:auto;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1 1;position:relative}.yarl__thumbnails_container{-webkit-touch-callout:none;background-color:#000;background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:16px;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;user-select:none}.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:12%;pointer-events:none;position:absolute}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(90deg,#000 0,#0000 12% 88%,#000);background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,#0000 var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(180deg,#000 0,#0000 12% 88%,#000);background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,#0000 var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:16px;gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:#000;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:#fffc;border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,#fffc));border-radius:4px;border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:solid;border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:1px;border-width:var(--yarl__thumbnails_thumbnail_border,1px);box-sizing:initial;cursor:pointer;flex:0 0 auto;height:80px;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:4px;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:120px;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:#fff;border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein .5s ease-in-out 0s forwards;animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout .5s ease-in-out 0s forwards;animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:inherit}.yarl__thumbnails_thumbnail_placeholder{cursor:inherit;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:0 0 0 2px #000,0 0 0 4px #fffc;box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:none}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 4px #fffc;box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:#fffc;color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,#fffc));filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:32px;height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:32px;width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}:root{--hue-color:242;--bg-black-900:#f2f2fc;--bg-black-100:#fdf9ff;--bg-black-50:#e8dfec;--text-black-900:#302e4d;--text-black-700:#504e70;--skin-color:#e1094a;--small-font-size:0.875rem;--title-color:#f2f2f2;--box-color:#f2f2fc}body,html{background-color:#151515;height:100%;overflow:hidden}body{font-family:Poppins,sans-serif;font-size:16px;line-height:1.5}body.dark{--bg-black-900:#151515;--bg-black-100:#222;--bg-black-50:#393939;--text-black-900:#fff;--text-black-700:#e9e9e9}*{margin:0;outline:none;padding:0;text-decoration:none}*,:after,:before{box-sizing:border-box}.text-gray-700{color:#302e4d;color:var(--text-black-900)}.style-switcher{background-color:#fdf9ff;background-color:var(--bg-black-100);border:1px solid #e8dfec;border:1px solid var(--bg-black-50);border-radius:5px;padding:15px;position:fixed;right:0;top:10px;transform:translateX(100%);transition:all .3s ease;width:200px;z-index:101}.style-switcher.open{transform:translateX(-25px)}.style-switcher .s-icon{background-color:#fdf9ff;background-color:var(--bg-black-100);border:1px solid #e8dfec;border:1px solid var(--bg-black-50);border-radius:50%;color:#302e4d;color:var(--text-black-900);cursor:pointer;font-size:20px;height:40px;margin-right:25px;position:absolute;right:100%;text-align:center;transition:all .3s ease;width:40px}.style-switcher .s-icon em{line-height:40px}.style-switcher .style-switcher-toggler{top:0}.style-switcher .day-night{top:10px}.style-switcher h4{color:#504e70;color:var(--text-black-700);font-size:16px;font-weight:600;margin:0 0 10px;text-transform:capitalize}.style-switcher .colors{display:flex;flex-wrap:wrap;justify-content:space-between}.style-switcher .colors span{border-radius:50%;display:inline-block;height:30px;width:30px}.style-switcher .color-1{background-color:#ec1839}ul{list-style:none}.section{background-color:#f2f2fc;background-color:var(--bg-black-900);bottom:0;display:block;left:270px;min-height:100vh;opacity:1;overflow-x:hidden;overflow-y:auto;padding:0 30px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:0}.section.back-section{z-index:1}.section.active{animation:slideSection 1s ease;opacity:1;z-index:2}@keyframes slideSection{0%{transform:translateX(100%)}to{transform:translateX(0)}}.hidden{display:none!important}.padd-15{padding-left:15px;padding-right:15px}.container{margin:auto;max-width:1100px;width:100%}.section .container{padding-bottom:70px;padding-top:60px}.section-title{flex:0 0 100%;margin-bottom:60px;max-width:100%}.section-title h2{color:#302e4d;color:var(--text-black-900);font-size:40px;font-weight:700;position:relative}.section-title h2:before{width:50px}.section-title h2:after,.section-title h2:before{background-color:#e1094a;background-color:var(--skin-color);content:"";height:4px;left:0;position:absolute;top:100%}.section-title h2:after{margin-top:8px;width:25px}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;position:relative}.btn{background-color:#e1094a;background-color:var(--skin-color);border:none;border-radius:40px;color:#fff;display:inline-block;font-size:16px;font-weight:500;padding:12px 35px;transition:all .3s ease;white-space:nowrap}.btn:hover{transform:scale(1.05)}.shadow-dark{box-shadow:0 0 20px #302e4d26}.aside{align-items:center;background-color:#fdf9ff;background-color:var(--bg-black-100);border-right:1px solid #e8dfec;border-right:1px solid var(--bg-black-50);display:flex;height:100%;justify-content:center;left:0;padding:30px;position:fixed;top:0;transition:all .3s ease;width:270px;z-index:10}.aside .logo{font-size:30px;position:absolute;text-transform:capitalize;top:50px}.aside .logo a{color:#302e4d;color:var(--text-black-900);font-size:30px;font-weight:700;letter-spacing:5px;padding:15px 20px;position:relative}.aside .logo a span{font-family:Clicker Script,cursive;font-size:40px}.aside .logo a:before{border-bottom:5px solid #e1094a;border-bottom:5px solid var(--skin-color);border-left:5px solid #e1094a;border-left:5px solid var(--skin-color);bottom:0;left:0}.aside .logo a:after,.aside .logo a:before{content:"";height:20px;position:absolute;width:20px}.aside .logo a:after{border-right:5px solid #e1094a;border-right:5px solid var(--skin-color);border-top:5px solid #e1094a;border-top:5px solid var(--skin-color);right:0;top:0}.aside .nav-toggler{align-items:center;background-color:#fdf9ff;background-color:var(--bg-black-100);border:1px solid #e8dfec;border:1px solid var(--bg-black-50);border-radius:5px;cursor:pointer;display:none;height:40px;justify-content:center;left:300px;position:fixed;top:20px;transition:all .3s ease;width:45px}.aside .nav-toggler span{background-color:#e1094a;background-color:var(--skin-color);display:inline-block;height:2px;position:relative;width:18px}.aside .nav-toggler.open span{background-color:initial}.aside .nav-toggler span:before{background-color:#e1094a;background-color:var(--skin-color);content:"";height:2px;left:0;position:absolute;top:-6px;width:18px}.aside .nav-toggler.open span:before{top:0;transform:rotate(45deg)}.aside .nav-toggler span:after{background-color:#e1094a;background-color:var(--skin-color);content:"";height:2px;left:0;position:absolute;top:6px;width:18px}.aside .nav-toggler.open span:after{top:0;transform:rotate(-45deg)}.aside .nav{margin-top:50px}.aside .nav li{display:block;margin-bottom:20px}.aside .nav li a{border-bottom:1px solid #e8dfec;border-bottom:1px solid var(--bg-black-50);color:#302e4d;color:var(--text-black-900);display:block;font-size:16px;font-weight:600;padding:5px 15px}.aside .nav li a.active{color:#e1094a;color:var(--skin-color)}.aside .nav li a em{margin-right:15px}.home{color:#302e4d;color:var(--text-black-900);display:flex;min-height:100vh}.home .home-info{flex:0 0 60%;max-width:60%}h3.hello{font-size:28px;margin:15px 0}h3.hello span{color:#e1094a;color:var(--skin-color);font-family:Clicker Script,cursive;font-size:32px;font-weight:700}h3.my-profession{font-size:30px;margin:15px 0}.typing{color:#e1094a;color:var(--skin-color)}.home-info p{color:#504e70;color:var(--text-black-700);font-size:20px;margin-bottom:70px}.home .home-img{flex:0 0 40%;max-width:40%;position:relative;text-align:center}.home .home-img img{border-radius:5px;height:400px;margin:auto}.about .about-content,.about .about-content .about-text{flex:0 0 100%;max-width:100%}.about .about-content .about-text h3{color:#302e4d;color:var(--text-black-900);font-size:24px;font-weight:700;margin-bottom:15px;text-align:justify}.about .about-content .about-text h3 span{color:#e1094a;color:var(--skin-color)}.about .about-content .about-text p{color:#504e70;color:var(--text-black-700);font-size:16px;line-height:25px;text-align:justify}.about .about-content .personal-info{flex:0 0 60%;margin-top:40px;max-width:60%}.about .about-content .personal-info .info-item{flex:0 0 50%;max-width:50%}.about .about-content .personal-info .info-item p{border-bottom:1px solid #e8dfec;border-bottom:1px solid var(--bg-black-50);color:#302e4d;color:var(--text-black-900);font-size:16px;font-weight:600;padding:10px 0}.about .about-content .personal-info .info-item p span{color:#504e70;color:var(--text-black-700);display:inline-block;font-weight:400;margin-left:4px}.about .about-content .personal-info .buttons{margin-top:30px}.about .about-content .personal-info .buttons .btn{margin-top:10px}.about .about-content .skills{flex:0 0 40%;margin-top:40px;max-width:40%}.about .about-content .skills .skill-item{flex:0 0 100%;margin-bottom:25px;max-width:100%}.about .about-content .skills .skill-item h5{color:#302e4d;color:var(--text-black-900);font-size:16px;font-weight:600;line-height:40px;text-transform:capitalize}.about .about-content .skills .skill-item .progress{background-color:#e8dfec;background-color:var(--bg-black-50);border-radius:4px;height:7px;position:relative;width:100%}.about .about-content .skills .skill-item .progress .progress-in{background-color:#e1094a;background-color:var(--skin-color);border-radius:4px;height:100%;left:0;position:absolute;top:0}.about .about-content .skills .skill-item .skill-percent{color:#302e4d;color:var(--text-black-900);font-weight:400;line-height:40px;position:absolute;right:0;top:-40px}.about .about-content .education,.about .about-content .experience{flex:0 0 50%;margin-top:30px;max-width:50%}.about .about-content h3.title{color:#302e4d;color:var(--text-black-900);font-size:24px;font-weight:700;margin-bottom:30px}.about .about-content .timeline-box{flex:0 0 100%;max-width:100%}.about .about-content .timeline{background-color:#fdf9ff;background-color:var(--bg-black-100);border:1px solid #e8dfec;border:1px solid var(--bg-black-50);border-radius:10px;padding:30px 15px;position:relative;width:100%}.about .about-content .timeline .timeline-item{padding-bottom:50px;padding-left:37px;position:relative}.about .about-content .timeline .timeline-item:last-child{padding-bottom:0}.about .about-content .timeline .timeline-item:before{background-color:#e1094a;background-color:var(--skin-color);content:"";height:100%;left:7px;position:absolute;top:0;width:1px}.about .about-content .timeline .circle-dot{background-color:#e1094a;background-color:var(--skin-color);border-radius:50%;height:15px;left:0;position:absolute;top:0;width:15px}.about .about-content .timeline .timeline-date{color:#504e70;color:var(--text-black-700);font-size:14px;font-weight:400;margin-bottom:12px}.about .about-content .timeline .timeline-date .fa{margin-right:5px}.about .about-content .timeline .timeline-title{color:#302e4d;color:var(--text-black-900);font-size:18px;font-weight:700;margin-bottom:15px;text-transform:capitalize}.about .about-content .timeline .timeline-text{color:#504e70;color:var(--text-black-700);font-size:16px;line-height:25px;text-align:justify}.service .container{padding-bottom:40px}.service .service-item{flex:0 0 33.33%;margin-bottom:30px;max-width:33.33%}.service .service-item .service-item-inner{background-color:#fdf9ff;background-color:var(--bg-black-100);border:1px solid #e8dfec;border:1px solid var(--bg-black-50);border-radius:10px;height:300px;padding:30px 15px;text-align:center;transition:all .35s ease}.service .service-item .service-item-inner:hover{box-shadow:0 0 20px #302e4d26}.service .service-item .service-item-inner .icon{border-radius:50%;display:block;height:60px;margin:0 auto 30px;text-align:center;transition:all .3s ease;width:60px}.service .service-item .service-item-inner .icon .fa{color:#e1094a;color:var(--skin-color);font-size:40px;line-height:60px;transition:all .3s ease}.service .service-item .service-item-inner:hover .icon{background-color:#e1094a;background-color:var(--skin-color)}.service .service-item .service-item-inner:hover .icon .fa{color:#fff;font-size:25px}.service .service-item .service-item-inner h4{color:#302e4d;color:var(--text-black-900);font-size:18px;font-weight:700;margin-bottom:15px;text-transform:capitalize}.service .service-item .service-item-inner p{color:#504e70;color:var(--text-black-700);font-size:16px;line-height:25px}.portfolio{background-color:#f2f2fc;background-color:var(--bg-black-900);overflow-y:auto;padding:0 30px}.portfolio .container{margin:auto;max-width:1100px;padding-bottom:40px;padding-top:60px;width:100%}.portfolio .section-title{margin-bottom:60px}.portfolio .section-title h2{color:#302e4d;color:var(--text-black-900);font-size:40px;font-weight:700;position:relative}.portfolio .section-title h2:before{width:50px}.portfolio .section-title h2:after,.portfolio .section-title h2:before{background-color:#e1094a;background-color:var(--skin-color);content:"";height:4px;left:0;position:absolute;top:100%}.portfolio .section-title h2:after{margin-top:8px;width:25px}.portfolio .portfolio-heading{margin-bottom:40px}.portfolio .portfolio-heading h2{color:#302e4d;color:var(--text-black-900);font-weight:500}.portfolio .filters{margin-bottom:30px}.portfolio .filters .filter__item__button{background-color:var(--bg-black-200);border-radius:30px;color:#302e4d;color:var(--text-black-900);cursor:pointer;font-size:16px;font-weight:500;margin:0 10px;padding:8px 20px;transition:all .3s ease}.portfolio .filters .filter__item__button.active-work,.portfolio .filters .filter__item__button:hover{background-color:#e1094a;background-color:var(--skin-color);color:#fff}.portfolio .portfolio-item{flex:0 0 33.33%;margin-bottom:30px;max-width:33.33%;transition:.3s}.portfolio .portfolio-item:hover{transform:scale(1.15)}.portfolio .portfolio-item-inner{border:6px solid #fdf9ff;border:6px solid var(--bg-black-100);border-radius:10px;cursor:pointer;overflow:hidden;text-align:center}.portfolio .portfolio-item-inner .portfolio-img img,.portfolio .portfolio-item-inner .portfolio-img video{display:block;height:200px;object-fit:cover;width:100%}.portfolio .portfolio-item-inner .portfolio-img video.tall-video{height:500px!important;object-fit:contain!important}@media (max-width:768px){.portfolio .portfolio-item{flex:0 0 50%;max-width:50%}}@media (max-width:480px){.portfolio .portfolio-item{flex:0 0 100%;max-width:100%}}.contact-title{color:#e1094a;color:var(--skin-color);font-size:25px;margin-bottom:20px;text-align:center}.contact-sub-title{color:#302e4d;color:var(--text-black-900);font-size:15px;margin-bottom:60px;text-align:center}.contact .contact-info-item{flex:0 0 25%;margin-bottom:60px;max-width:25%;text-align:center}.contact .contact-info-item .icon{display:inline-block}.contact .contact-info-item .icon .fa,.fa-brands,.fa-solid{color:#e1094a;color:var(--skin-color);font-size:25px}.contact .contact-info-item h4{color:#302e4d;color:var(--text-black-900);font-size:18px;font-weight:700;margin:15px 0 5px;text-transform:capitalize}.contact .contact-info-item p{color:#504e70;color:var(--text-black-700);font-size:16px;font-weight:400;line-height:25px}.contact .contact-form{flex:0 0 100%;max-width:100%}.contact .contact-form .col-6{flex:0 0 50%;max-width:50%}.contact .contact-form .col-12{flex:0 0 100%;max-width:100%}.contact .contact-form .form-item{margin-bottom:30px}.contact .contact-form .form-item .form-control{background-color:#fdf9ff;background-color:var(--bg-black-100);border:1px solid #e8dfec;border:1px solid var(--bg-black-50);border-radius:25px;color:#504e70;color:var(--text-black-700);font-size:16px;height:50px;padding:10px 25px;transition:all .3s ease;width:100%}.contact .contact-form .form-item .form-control:focus{box-shadow:0 0 20px #302e4d26}.contact .contact-form .form-item textarea.form-control{height:140px}.contact .contact-form .btn{height:50px;padding:0 50px}@media (max-width:1199px){.aside{left:-270px}.aside.open{left:0}.aside .nav-toggler{display:flex;left:30px}.aside .nav-toggler.open{left:300px}.section{left:0}.section .container{padding-top:70px}.section.open{left:270px}.about .about-content .personal-info .info-item p span{display:block;margin-left:0}}@media (max-width:1029px){.about .about-content .personal-info,.about .about-content .skills{flex:0 0 100%;max-width:100%}}@media (max-width:991px){.home .home-info{flex:0 0 100%;max-width:100%}.home .home-img{display:none}.contact .contact-info-item,.portfolio .portfolio-item,.service .service-item{flex:0 0 50%;max-width:50%}}@media (max-width:767px){.about .about-content .education,.about .about-content .experience{flex:0 0 100%;max-width:100%}}@media (max-width:626px){.about .about-content .personal-info .row{display:block}.contact .contact-form .col-6,.contact .contact-info-item,.portfolio .portfolio-item,.service .service-item{flex:0 0 100%;max-width:100%}.scroll-y{overflow-y:scroll}.filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-left:355px}}.footer{bottom:20px;left:20px;position:absolute;z-index:10}.filters,.footer{color:#504e70;color:var(--text-black-700)}.filters{align-items:center;column-gap:.75rem;display:flex;justify-content:center;margin-bottom:2rem;padding-right:15px}.filter__item__button{border-radius:.5rem;color:#f2f2f2;color:var(--title-color);color:#504e70;color:var(--text-black-700);cursor:pointer;display:inline-block;font-weight:700;padding:.25rem .75rem}.filter-item{border-radius:.5rem;display:block;opacity:1;transform:scale(1);transition:all .3s ease}.filter-item.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.active-work{background-color:#e1094a;background-color:var(--skin-color);color:#fff}.project-card{border-radius:10px;box-shadow:0 4px 10px #0003;cursor:pointer;height:200px;max-width:300px;overflow:hidden;position:relative;width:100%}.project-card img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover img{transform:scale(1.1)}.project-card .overlay{background-color:#0009;display:flex;flex-direction:column;height:100%;left:0;opacity:0;padding:5px;position:absolute;text-align:center;top:0;transition:opacity .3s ease;width:100%}.project-card .overlay,.project-card:hover .overlay{align-items:center;color:#504e70;color:var(--text-black-700);justify-content:center}.project-card:hover .overlay{opacity:1}.overlay h1{color:#e1094a;color:var(--skin-color);font-size:20px;margin:10px 0}.overlay p{color:#e9e9e9;font-size:14px;line-height:1.5}iframe{height:200px;width:300px}.style-switcher{height:100vh}.style-switcher,.style-switcher-toggler{align-items:center;display:flex;justify-content:center}.style-switcher-toggler{cursor:pointer;font-size:2rem;transition:transform .3s ease}.style-switcher-toggler:hover{transform:scale(1.1)}.day-night.s-icon{align-items:center;display:flex;justify-content:center}.day-night em{font-size:2rem}.dashboard_edit_del_btn{background-color:#e8dfec;background-color:var(--bg-black-50);border:1px solid #e1094a;border:1px solid var(--skin-color);border-radius:.5rem;color:#504e70;color:var(--text-black-700);cursor:pointer;display:inline-block;font-weight:700;padding:.25rem .75rem;transition:background-color .3s}.dashboard_edit_del_btn:hover{background-color:#e1094a;background-color:var(--skin-color);color:#f2f2f2;color:var(--title-color)}.section_title_new{flex:0 0 100%;margin-bottom:60px;max-width:100%}.section_title_new h2{color:#302e4d;color:var(--text-black-900);font-size:40px;font-weight:700;position:relative}.section_admin{background-color:#f2f2fc;background-color:var(--bg-black-900);bottom:0;display:block;left:270px;min-height:100vh;opacity:1;overflow-x:hidden;overflow-y:auto;padding:0 30px;position:fixed;right:0;text-align:center;top:0;transition:all .3s ease;z-index:0}.upload-form{align-items:center;background:#f2f2fc;background:var(--bg-black-900);border:2px solid #e1094a;border:2px solid var(--skin-color);border-radius:8px;box-shadow:0 4px 8px #0000004d;display:flex;flex-wrap:wrap;gap:10px;margin:20px auto;max-width:600px;padding:10px;width:100%}#fileInput,.dropdown,.input-field,.upload-button{background:#111;border:1px solid #e1094a;border:1px solid var(--skin-color);border-radius:5px;color:#fff;flex:1 1;font-size:14px;min-width:120px;outline:none;padding:6px 10px}.input-field::placeholder{color:#e1094a;color:var(--skin-color)}.dropdown:focus,.input-field:focus{border-color:#fff}.upload-button{background:#e1094a;background:var(--skin-color);border:none;color:#fff;cursor:pointer;font-weight:700;min-width:100px;transition:.3s}.upload-button:hover{background:#fff;color:#e1094a;color:var(--skin-color)}label{color:#fff;font-size:14px}@media (max-width:600px){.upload-form{align-items:stretch;flex-direction:column}}.progress-container{background:#333;border-radius:5px;height:8px;margin-top:10px;overflow:hidden;width:100%}.progress-bar{background:#e1094a;background:var(--skin-color);height:100%;transition:width .3s ease-in-out;width:0}.video_title_tag{color:#504e70;color:var(--text-black-700)}.login-container{margin-top:50px;text-align:center}.google-login-btn{background-color:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.google-login-btn:hover{background-color:#357ae8}.edit-form{background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:15px;left:10px;max-width:350px;padding:20px;position:absolute;right:10px;top:10px;width:80%;z-index:10}.edit-form input,.edit-form select{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:10px}.edit-form button{align-self:flex-start;background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.edit-form button:hover{background-color:#218838}.video-card{height:250px}.video-inner-card{height:300px}.row_new{grid-gap:20px;align-content:stretch;align-items:flex-start;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;margin-left:0;margin-right:0;position:relative}@media (max-width:768px){.row_new{justify-content:center}}.login-container{align-items:center;background-color:#f2f2fc;background-color:var(--bg-black-900);display:flex;height:100vh;justify-content:center;overflow:hidden;width:100vw}.login-box{background-color:#fdf9ff;background-color:var(--bg-black-100);border-radius:10px;box-shadow:0 0 20px #0000001a;padding:40px;text-align:center}.login-box h2{color:#302e4d;color:var(--text-black-900);font-size:24px;margin-bottom:20px}.login-box button{background-color:#e1094a;background-color:var(--skin-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.login-box button:hover{background-color:#fff;color:#000}.video-wrapper{align-items:center;background:#000;border-radius:10px;display:flex;height:150px;justify-content:center;overflow:hidden;width:300px}.video-wrapper video{height:100%;object-fit:cover;width:100%}.image-wrapper{align-items:center;background:#000;border-radius:10px;display:flex;height:100px;justify-content:center;overflow:hidden;width:300px}.image-wrapper img{height:100%;object-fit:cover;width:100%}.loading-dots-container{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center}.loading-dots{display:flex;gap:10px;margin-bottom:10px}.loading-dots span{animation:bounce .6s ease-in-out infinite alternate;background-color:#e1094a;background-color:var(--skin-color);border-radius:50%;height:12px;width:12px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.edit-file-list{list-style:none;padding:0}.edit-file-item{align-items:center;color:#504e70;color:var(--text-black-700);display:flex;justify-content:space-between;margin-bottom:5px}.edit-file-item button{background:none;border:none;color:red;cursor:pointer;font-size:20px;line-height:1}
/*# sourceMappingURL=main.bdfa1ea7.css.map*/