.hero_block .hero_image_container{width:40%;border-radius:0 0 45% 45%;overflow:hidden;position:relative;z-index:2}.hero_block .hero_image_container .hero_image_gradient{position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:3;background:linear-gradient(180deg,transparent 0,#000 75%)}.hero_block .hero_image_container .hero_image{height:100%;width:100%;position:relative;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero_block h1{font-size:48px;width:50%;margin-top:20px;z-index:5;position:relative}.hero_block h2{line-height:2;margin:10px 0;z-index:5;position:relative}.hero_block .contact_divider{border:none;height:1px;background-color:var(--text-color);z-index:5}.hero_block .contact_details{display:flex;flex-wrap:wrap;margin:20px 0;z-index:5}.hero_block .contact_details .contact_chip{width:30%;margin:10px;cursor:pointer;z-index:5}.hero_block .contact_details *{color:var(--text-color)}@media screen and (max-width:1200px){.hero_block .hero_image_container{width:30%}}@media screen and (max-width:780px){.hero_block .hero_image_container{width:40%}.hero_block h1{font-size:36px;width:50%;margin-top:20px}.hero_block h2{font-size:28px;line-height:1.8;margin:10px 0}.hero_block .contact_details .contact_chip{margin:8px;cursor:pointer}}@media screen and (max-width:480px){.hero_block .hero_image_container{width:50%}.hero_block h1{font-size:32px;width:50%;margin-top:15px}.hero_block h2{font-size:24px;line-height:1.5;margin:10px 0}.hero_block .contact_details .contact_chip{margin:5px;cursor:pointer}}.exp_container{color:var(--text-color);padding:0;transition:.2s;position:relative}.exp_container .exp_asset{position:absolute;top:0;right:0;transition:.3s}.exp_container .exp_asset.hide_asset{opacity:.2}.exp_container .exp_asset.show_asset{opacity:1}.exp_container .exp_asset_bottom{position:absolute;bottom:0;left:0;transition:.3s}.exp_container .exp_asset_bottom.hide_asset{opacity:.2}.exp_container .exp_asset_bottom.show_asset{opacity:1}.exp_container .exp_heading{position:absolute;width:100%;height:100%;display:flex;top:50%}.exp_container .exp_heading.pull_heading{animation:pushToMiddle .3s ease-in-out}.exp_container .exp_heading.push_heading{animation:pushToTop .3s ease-in-out;top:-10%}.exp_container .exp_heading .exp_heading_text{font-size:42px;height:-moz-fit-content;height:fit-content}.exp_container .active_li{background-color:rgba(40,40,40,.8);border-radius:var(--border-radius)}.exp_container .timeline_opposite_content{color:var(--text-color)}.exp_container h2{width:100%;margin:auto;text-align:center}.exp_container ul li:before{content:none;pointer-events:none}.exp_container ul{margin:auto;width:max-content;min-width:40%}.exp_container ul li{cursor:pointer;transition:.4s;overflow:visible;min-height:136px}.exp_container ul li .MuiTimelineContent-root{transition:.4s}.exp_container ul li .MuiTimelineContent-root .MuiTypography-h6{font-weight:500}.exp_container ul .inactive_li .MuiTypography-body1 p,.exp_container ul .inactive_li .MuiTypography-body1 span{transition:.3s;overflow:visible}.exp_container ul .inactive_li .MuiTypography-body1 p:hover span,.exp_container ul .inactive_li .MuiTypography-body1 span:hover span{font-size:1.35rem}.exp_container ul .inactive_li .MuiTypography-body1 p:hover p,.exp_container ul .inactive_li .MuiTypography-body1 span:hover p{font-size:1rem}@media screen and (max-width:1200px){.exp_container .exp_asset,.exp_container .exp_asset_bottom{display:none}.exp_container .exp_heading{position:absolute;width:100%;height:100%;top:-10%;display:flex}.exp_container .exp_heading.pull_heading,.exp_container .exp_heading.push_heading{animation:none}.exp_container ul{width:100%}}@media screen and (max-width:480px){.exp_container ul{width:100%}.exp_container ul .opposite_content{font-size:12px}.exp_container ul .opposite_content li{font-size:.9rem}.exp_container ul .timeline_content span{font-size:14px}.exp_container ul .timeline_content p{font-size:11px}}.details_container{position:relative;display:block;transition:1s}.details_container .modal_box{background-color:rgba(40,40,40,.8);border-radius:var(--border-radius);position:absolute;top:0;left:0;animation:showDetails .4s ease-in-out}.details_container .modal_box .modal_container{width:100%;padding:35px 65px;position:relative}.details_container .modal_box .modal_container #close_details{font-size:18px;position:absolute;top:20px;right:25px;cursor:pointer}.details_container .modal_box .MuiSvgIcon-root{display:block;position:absolute;right:0}@media screen and (max-width:1200px){.details_container .modal_box{position:fixed;width:100%;height:100%;z-index:7;display:flex;overflow:hidden;background-color:rgba(40,40,40,.95)}.details_container .modal_box .modal_container{display:block;margin:auto}.details_container .modal_box .modal_container #close_details{display:block;top:-20px;right:50px}}@keyframes showDetails{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes pushToTop{0%{top:50%}to{top:-10%}}@keyframes pushToMiddle{0%{top:-10%}to{top:50%}}.info{font-size:21px;font-weight:400;line-height:2;margin:auto}.info span{font-size:32px}.info .info_content{padding:30px}.info div{position:relative}.info div .end,.info div .start{position:absolute}.info div .start{left:0;transform:scaleX(-1)}.info div .end{right:0;top:-25px}@media screen and (max-width:1200px){.info{font-size:18px}}@media screen and (max-width:480px){.info{font-size:14px}.info span{font-size:21px}.info .info_content{padding:15px}}.footer{margin-top:220px;font-size:14px;position:relative}.footer .footer_gradient_dark{background:linear-gradient(0deg,transparent,#000);position:absolute;width:100%;height:100%;z-index:2}.footer .footer_gradient_bright{background-color:var(--contrast-color);position:absolute;width:100%;height:100%}.footer main{max-width:var(--max-width);margin:auto;padding:120px 0 20px;display:flex;flex-wrap:wrap;justify-content:space-between;z-index:3;position:relative}.footer main h5{font-size:14px}.footer main p{font-size:12px}.footer main ul{padding-left:25px}.footer main ul li a{font-size:12px}@media screen and (max-width:480px){.footer{margin-top:120px}.footer main>*{padding:50px 15px 7px}}.skill_content{border:1px solid;border-radius:10px;padding:25px;max-height:592px;min-height:592px;overflow:auto;transition:.3s;background-color:rgba(40,40,40,.8)}.skill_content .skill_details{color:var(--text-color);margin-bottom:30px;border-bottom:2px solid var(--text-color);transition:.5s}.skill_content .skill_details:hover{transform:scaleX(1.02)}@media screen and (max-width:1200px){.skill_content{max-height:420px;min-height:420px}}.search_box{color:var(--text-color);margin-bottom:30px;position:relative}.search_box .close_icon{position:absolute;margin:auto;height:100%;display:flex;right:10px;cursor:pointer;z-index:4;transition:.3s;overflow:hidden}.search_box .close_icon:hover{transform:scale(1.1)}.search_box .close_icon svg{margin:auto}.skill_container{position:relative;display:flex;flex-wrap:wrap;width:100%}.skill_container .skills_heading{width:50%;display:flex;z-index:1}.skill_container .skills_heading img{opacity:.2}.skill_container .skills_heading .skills_options{position:absolute;width:100%;height:100%;top:50%;z-index:2}.skill_container .skills_heading .skills_options .skills_text{font-size:42px;height:-moz-fit-content;height:fit-content;z-index:2;position:relative}.skill_container .skills_heading .skills_options .skills_options_selector{z-index:2}.skill_container .skills_heading .skills_options .skills_options_selector .MuiChip-root{min-width:120px;margin-right:20px;transition:.4s}.skill_container .skills_heading .skills_options .skills_options_selector .MuiChip-root .MuiChip-label{color:var(--text-color)}.skill_container .skills_heading .skills_options .skills_options_selector .selected{background-color:var(--text-color);transform:scale(1.2)}.skill_container .skills_heading .skills_options .skills_options_selector .selected .MuiChip-label{color:var(--text-color-secondary)}.skill_container .skills_heading .skills_options .skills_options_selector .not_selected:hover{box-shadow:1px 2px 2px 1px var(--text-color);transform:translateY(-3px)}.skill_container .skills_content{width:50%;z-index:2}@media screen and (max-width:1200px){.skill_container .skills_heading{width:100%}.skill_container .skills_heading img{display:none}.skill_container .skills_heading .skills_options{position:relative;top:0;padding-bottom:50px}.skill_container .skills_heading .skills_options .skills_options_selector{position:relative}.skill_container .skills_content{width:100%}}.main{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:6rem;min-height:100vh;background-color:#000;max-width:var(--max-width);display:block;margin:auto}.main .design_top{position:absolute;top:0}.main .design_top_mobile{display:none}.main #experience,.main #skills{padding-top:150px}.main #experience{display:flex;flex-wrap:wrap;z-index:5;position:relative;overflow:hidden}.main #skills{z-index:4;position:relative}.main .MuiGrid-root{z-index:2}.main .info_grid{margin:auto}.main .padded_grid{padding-top:90px}.main .experience_grid{height:100%}.main .left_design{position:relative}.main .left_design img{position:absolute;left:-480px}.main .tab_group{position:fixed;width:100%;left:0;background-color:var(--contrast-color);z-index:5;transition:.5s}.main .tab_group.show_tab_group{top:0}.main .tab_group.hide_tab_group{top:-120px}.main .tab_group .tab_group_tabs{max-width:var(--max-width);margin:auto}.main .tab_group a{color:var(--text-color)}@media screen and (max-width:1200px){.main{padding:3rem}.main .design_top{display:none}.main .MuiGrid-root{margin-bottom:45px}.main .left_design,.main .right_design{display:none}.main .design_top_mobile{display:block;position:absolute;top:0;right:0;height:45%;z-index:1}}@media screen and (max-width:480px){.main{padding:1.5rem}.main .MuiGrid-root{margin-bottom:20px}.main #languages{padding-top:30px}.main .design_top_mobile{display:block;position:absolute;top:0;right:0;height:25%;z-index:1}}