@font-face{font-family:"Poppins";font-style:normal;font-weight:100;src:local(""),url("../../res/fonts/poppins-v20-latin-100.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-100.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:italic;font-weight:100;src:local(""),url("../../res/fonts/poppins-v20-latin-100italic.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-100italic.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:normal;font-weight:200;src:local(""),url("../../res/fonts/poppins-v20-latin-200.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-200.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:italic;font-weight:200;src:local(""),url("../../res/fonts/poppins-v20-latin-200italic.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-200italic.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:normal;font-weight:300;src:local(""),url("../../res/fonts/poppins-v20-latin-300.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-300.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:italic;font-weight:300;src:local(""),url("../../res/fonts/poppins-v20-latin-300italic.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-300italic.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:normal;font-weight:400;src:local(""),url("../../res/fonts/poppins-v20-latin-regular.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-regular.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:italic;font-weight:400;src:local(""),url("../../res/fonts/poppins-v20-latin-italic.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-italic.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:normal;font-weight:500;src:local(""),url("../../res/fonts/poppins-v20-latin-500.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-500.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:italic;font-weight:500;src:local(""),url("../../res/fonts/poppins-v20-latin-500italic.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-500italic.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:normal;font-weight:600;src:local(""),url("../../res/fonts/poppins-v20-latin-600.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-600.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:italic;font-weight:600;src:local(""),url("../../res/fonts/poppins-v20-latin-600italic.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-600italic.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:normal;font-weight:700;src:local(""),url("../../res/fonts/poppins-v20-latin-700.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-700.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:italic;font-weight:700;src:local(""),url("../../res/fonts/poppins-v20-latin-700italic.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-700italic.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:italic;font-weight:800;src:local(""),url("../../res/fonts/poppins-v20-latin-800italic.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-800italic.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:normal;font-weight:800;src:local(""),url("../../res/fonts/poppins-v20-latin-800.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-800.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:normal;font-weight:900;src:local(""),url("../../res/fonts/poppins-v20-latin-900.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-900.woff") format("woff");font-display:swap}@font-face{font-family:"Poppins";font-style:italic;font-weight:900;src:local(""),url("../../res/fonts/poppins-v20-latin-900italic.woff2") format("woff2"),url("../../res/fonts/poppins-v20-latin-900italic.woff") format("woff");font-display:swap}#project_information_container{display:none;position:fixed;z-index:10;top:0;left:0;width:100%;height:100vh;background-color:#17191f}.container_header{width:auto;height:120px;display:flex;align-items:center;justify-content:flex-end;padding:0 10%}.close_icon{position:relative;width:39px;height:39px;cursor:pointer;padding:10px;border-radius:9999px;margin:10px;box-shadow:0 0 0 0px #e7e7e7;transition-property:box-shadow,transform;transition-duration:150ms;transition-timing-function:ease}.close_icon:hover{box-shadow:0 0 0 2px #e7e7e7;transform:rotate(90deg)}.close_icon:active .close_icon_bar1{transform:translate(-50%, -50%) rotate(45deg) scale(90%)}.close_icon:active .close_icon_bar2{transform:translate(-50%, -50%) rotate(-45deg) scale(90%)}.close_icon div{position:absolute;width:39px;height:3px;background-color:#e7e7e7;border-radius:20px;top:50%;left:50%}.close_icon_bar1{transform:translate(-50%, -50%) rotate(45deg)}.close_icon_bar2{transform:translate(-50%, -50%) rotate(-45deg)}*{margin:0px}::-moz-selection{color:#fff;background-color:rgba(59,186,255,.5)}::selection{color:#fff;background-color:rgba(59,186,255,.5)}body{background-color:#262933;color:#e7e7e7;font-size:100%;font-family:"Poppins",sans-serif}#nav_items_list{list-style-type:none;padding:0;display:flex;justify-content:flex-end;align-items:center;margin:20px 5% 0 5%;font-weight:400}#nav_items_list li:first-child{margin-right:auto;height:42px}#nav_items_list li:last-child{display:none;z-index:10}#nav_items_list li{padding:20px}#nav_items_list li div{position:relative;overflow:hidden;cursor:pointer}#nav_items_list li .nav_link{display:block;transition:all 300ms ease-in-out;transition-property:color,transform}#nav_items_list li .nav_link_hover{display:block;position:absolute;left:0;bottom:0;transform:translateY(80%) perspective(50px) rotateX(-120deg);transition:all 300ms ease-in-out;transition-property:color,transform}#nav_items_list li div:hover .nav_link{color:#fff;transform:translateY(-90%) perspective(50px) rotateX(120deg)}#nav_items_list li div:hover .nav_link_hover{color:#fff;transform:translateY(0%) rotateX(0deg)}#nav_items_list li img{width:42px;height:42px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}#nav_menu_button{display:flex;align-items:center;-moz-column-gap:15px;column-gap:15px;cursor:pointer}#nav_menu_button i{font-size:2.5em}.bar1-open{animation:menuIconOpenBar1 150ms ease forwards}.bar1-close{animation:menuIconCloseBar1 150ms ease forwards}.bar2-open{animation:menuIconOpenBar2 150ms ease forwards}.bar2-close{animation:menuIconCloseBar2 150ms ease forwards}.bar3-open{animation:menuIconOpenBar3 150ms ease forwards}.bar3-close{animation:menuIconCloseBar3 150ms ease forwards}.menu_icon_bar{width:39px;height:3px;background-color:#e7e7e7;border-radius:20px;transition:margin-bottom 80ms ease}.menu_icon_bar:not(:last-of-type){margin-bottom:10px}#mobile_menu{display:none;position:absolute;top:0;right:0;min-height:100vh;width:0;background-color:#111318;overflow-y:auto}.mobile_menu_open_animation{animation:menuOpen 200ms forwards ease-in-out}#mobile_menu_content{width:100%;margin:0 0 0 auto}#mobile_menu ul{width:100%;padding:0;margin-top:25vh;text-align:center;list-style-type:none}#mobile_menu ul li{font-size:2em;width:-moz-fit-content;width:fit-content;margin:0 auto 40px auto;padding:0 20px;cursor:pointer;white-space:nowrap}.button_container::before{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:#5ebcff;background:linear-gradient(65deg, rgb(94, 188, 255) 0%, rgb(238, 94, 255) 100%);filter:blur(15px);transform:scale(90%);border-radius:0px}.button_container{position:relative;width:-moz-fit-content;width:fit-content;border-radius:1000px}.button{position:relative;background:#5ebcff;background:linear-gradient(65deg, rgb(94, 188, 255) 0%, rgb(238, 94, 255) 100%);cursor:pointer;padding:10px 25px 10px 25px;color:#fff;font-size:.9em;border:none;border-radius:1000px;overflow:hidden;font-family:"Poppins",sans-serif;white-space:nowrap}.button i{margin-right:10px}.button_container:active{transform:scale(95%)}.button_overlay{position:absolute;width:40%;height:100%;top:0;left:-45%;background-color:rgba(255,255,255,.35);transform:skewX(30deg);transition:left .25s ease-in-out}.button:hover .button_overlay{left:105%}#introduction{margin-left:15vw}#introduction p{font-weight:700;font-size:3.75em;letter-spacing:.05em}#introduction p:first-of-type{font-size:4.25em}#introduction_headline{margin-bottom:15px}#introduction_text{color:#c0c4d0;font-size:1em;margin-bottom:40px}#start{margin-top:max(20vh,60px);width:100%;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:100px}#main_design{overflow:visible;flex-grow:1;display:flex;justify-content:right;margin-right:15vw;margin-left:200px}#main_design_img_container{position:relative;min-width:450px;width:max(520px,60%);background-color:rgba(0,0,0,0);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}#main_design_img_container::before{content:"";background-color:#a423df;position:absolute;width:100%;height:100%;border-radius:100%;filter:blur(100px) opacity(0.35);z-index:-1}#main_design_img_container img{margin-top:-10%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vertical_divider{position:relative;height:1px;width:70px;margin-bottom:25px;margin-left:15px;background-color:#666e89}.vertical_divider::before{position:absolute;content:"";background-color:#666e89;left:80px;width:15px;height:1px}.vertical_divider::after{position:absolute;content:"";background-color:#666e89;left:105px;width:5px;height:1px}.gradient_font{display:inline-block;position:relative;background-color:#fff;background:linear-gradient(65deg, rgb(94, 188, 255) 0%, rgb(238, 94, 255) 100%);-webkit-background-clip:text;background-clip:text;-moz-text-fill-color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}.gradient_font::before{position:absolute;top:0;left:0;content:attr(data-text);z-index:-1;opacity:.7;background:linear-gradient(65deg, rgb(94, 188, 255) 0%, rgb(238, 94, 255) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);filter:blur(10px)}.headline{font-size:4.25em;width:-moz-fit-content;width:fit-content;margin:120px auto 0px auto;padding:0 20px;text-align:center}.subheadline{color:#5ebcff;width:-moz-fit-content;width:fit-content;margin:0px auto 30px auto;font-size:.9em;white-space:nowrap}.headline_divider{background-color:#666e89;height:1px;border:none;width:50px;margin:0px auto 15px auto}.skill_container{width:70%;margin:0 auto;display:flex;flex-wrap:wrap;margin-top:100px;-moz-column-gap:60px;column-gap:60px;row-gap:100px}.skill_description{flex-grow:1;flex-basis:10%;min-width:400px;display:flex;align-items:center}.skill_image_container{position:relative;flex-grow:1;flex-basis:10%;min-width:400px}#skill_design_container .skill_image{border-radius:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%}.skill_image_container .background_glow{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:-1}.skill_image_container .background_glow img{width:90%;height:90%;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:blur(80px)}#code_window{background-image:none;min-height:150px;height:-moz-fit-content;height:fit-content;background-color:rgba(42,45,56,.9);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:15px;overflow:hidden;display:flex}.skill_image{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 34px 65px rgba(24,25,30,.8784313725),0 2.7px 2.2px rgba(0,0,0,.07),0 6.7px 5.3px rgba(0,0,0,.043),0 13px 10px rgba(0,0,0,.03),0 22px 18px rgba(0,0,0,.03)}.code_window_header{background-color:#3d445c;height:32px}#code_window_controls{display:flex;width:-moz-fit-content;width:fit-content;padding:9px}#code_window_controls .circle{background-color:#7d86a3;border-radius:100%;width:9px;height:9px;margin:3px;cursor:pointer}#code_window_controls .circle:nth-child(1){background-color:#ba5b5b}#code_window_controls .circle:nth-child(2){background-color:#bbac5a}#code_window_controls .circle:nth-child(3){background-color:#61b46f}#code_window_text{overflow:hidden;width:100%}#code_window_text pre{-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-size:1.1em;counter-reset:linecounter;overflow-x:auto;padding:15px 0}#code_window_text pre .line{counter-increment:linecounter;margin-right:10px}#code_window_text pre .line::before{display:inline-block;width:30px;content:counter(linecounter);text-align:right;padding-right:10px;color:#666e89}.skills_headline{font-size:3.5em;margin-bottom:25px;margin-top:0px;line-height:1.2em}.skill_description span{display:inline-block;border-radius:1000px;padding:5px 20px;margin-bottom:10px;white-space:nowrap;background-color:#3d445c}.i_align_left span{margin-right:14px}.i_align_right span{margin-left:14px;direction:ltr}.i_align_right{direction:rtl}.skill_description span i{display:inline-block;margin-right:10px}#skill_design_container{flex-direction:row-reverse}#web_design_container{margin:0 auto;width:75%}#web_design_container img{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tools_container{width:50%;margin:0 auto;display:flex;justify-content:space-between}.tool{min-width:150px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:#3d445c;border-radius:15px}.tool span{display:flex;padding:20px 40px 20px 40px}.tool span i{margin-right:20px;font-size:1.5em}#projects{width:80%;height:-moz-fit-content;height:fit-content;margin:100px auto 0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(480px, max-content));justify-content:center;grid-gap:75px}.project_card{position:relative;width:670px;max-width:100%;margin:0 auto;border-radius:15px;aspect-ratio:16/9;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 28px 62px rgba(24,25,30,.8784313725),0 5px 15px rgba(0,0,0,.17);z-index:0}.project_card:hover img{transform:scale(105%)}.project_card img{position:absolute;top:0;right:0;width:60%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform 150ms ease;z-index:-1}.project_card .project_description{width:56%;height:calc(100% - 40px);padding:20px}.project_description h3{font-size:2em;margin-bottom:10px}.project_description p{display:block;width:70%;font-size:1em}.project_description a{display:block;position:absolute;left:20px;bottom:12px;width:-moz-fit-content;width:fit-content;margin-top:auto;padding:4px 8px 4px 0px;font-size:.9em;cursor:pointer;text-decoration:none}.project_description a:hover i{margin-left:12px}.project_description a i{margin-left:8px;font-size:.85em;transition:margin-left 150ms ease}.project_tags{display:flex;flex-wrap:wrap;row-gap:12px}.project_tag{font-size:.9em;background-color:rgba(255,255,255,.28);color:#fff;width:-moz-fit-content;width:fit-content;border-radius:1000px;padding:4px 12px}.project_tag:not(:last-of-type){margin-right:12px}.project_card:nth-of-type(1){background-color:#5a86e5;background-image:linear-gradient(45deg, #5A86E5, #38D0DB);color:#fff}.project_card:nth-of-type(2){background-color:#262834}.project_card:nth-of-type(2) .project_description{width:42%}.project_card:nth-of-type(2) .project_tag{background-color:rgba(255,255,255,.19)}.project_card:nth-of-type(3){color:#fff;background-image:linear-gradient(45deg, #23CEE3, #00FCBE)}.project_card:nth-of-type(3) .project_tag{background-color:rgba(0,0,0,.12)}.project_card:nth-of-type(3) img{width:25%;right:50px}.project_card:nth-of-type(3) a{color:#fff}.project_card:nth-of-type(4) img{width:25%;right:50px}.project_card:nth-of-type(4) .project_tag{background-color:rgba(255,255,255,.19)}.project_card:nth-of-type(4) a{color:#fff}#about_me_outer_wrapper{width:-moz-fit-content;width:fit-content;margin:0 auto;transition:transform 150ms ease-in-out}#about_me::before{position:absolute;content:"";width:100%;height:100%;transform:rotate(-5deg);background:#fca340;background:linear-gradient(83deg, rgb(252, 163, 64) 0%, rgb(250, 34, 98) 100%);z-index:-1;border-radius:15px;transition:transform 150ms ease-in-out}#about_me{position:relative;width:595px;height:350px;margin:70px auto 115px auto;border-radius:15px;background-color:#17191f;box-shadow:0px 0px 34px 0px rgba(0,0,0,.35)}#about_me:hover::before{transform:rotate(-8deg)}#about_me_outer_wrapper:hover{transform:rotate(-3deg) scale(104%)}#about_me_wrapper{width:auto;height:auto;padding:40px 54px 54px 54px;display:flex;flex-direction:column;justify-content:center}#about_me_background_logo{position:absolute;right:0;bottom:0;top:0;height:100%;width:50%;display:flex;justify-content:center;align-items:center}#about_me_background_logo img{width:60%;-webkit-user-select:none;-moz-user-select:none;user-select:none}#about_me #about_me_name{position:relative;z-index:2}#about_me #about_me_title{position:relative;font-weight:500;background-color:#e7e7e7;background:linear-gradient(65deg, #FDBE77 0%, #FB5083 100%);-webkit-background-clip:text;background-clip:text;-moz-text-fill-color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0);z-index:2}.about_points{margin-top:35px;color:#c4c4c4;z-index:2}.about_points img{margin-right:10px;height:1.5em;width:auto}.about_points .about_point{display:flex;align-items:center}.about_points .about_point:not(:last-of-type){margin-bottom:10px}#contact{display:flex;margin:85px auto 15px auto;justify-content:center;align-items:center;-moz-column-gap:50px;column-gap:50px;width:-moz-fit-content;width:fit-content;max-width:80%;color:#c0c4d0}footer{width:80%;border-radius:25px;background-color:#17191f;min-height:100px;margin:100px auto 40px auto}.footer_table{padding:60px;display:grid;grid-template-columns:minmax(90px, 0.5fr) 1fr 1fr 1fr 1.5fr}.footer_socials ul li{display:inline-block;font-size:1.25em}.footer_socials ul li i{padding:4px}.footer_socials ul li:not(:last-of-type){margin-right:2px}.footer_socials ul{float:right}.footer_socials a:hover{filter:drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.45))}.footer_table div:nth-of-type(1){grid-column:1}.footer_table div:nth-of-type(2){grid-column:2}.footer_table div:nth-of-type(3){grid-column:3}.footer_table div:nth-of-type(4){grid-column:4}.footer_table div:nth-of-type(5){grid-column:5}.footer_table div:first-of-type img{width:48px;height:auto}.footer_table div:last-of-type{justify-self:end;padding-left:15px}.footer_table div:nth-of-type(-n+3){padding-right:15px}.footer_table h5{color:#bfc3cf;font-weight:bold;font-size:1em}.footer_socials h5{text-align:right}.footer_table ul{list-style:none;padding-left:0;color:#979db1;padding-top:2px}.footer_table ul li{padding-top:4px;line-height:145%}footer a{color:unset;text-decoration:none;transition:150ms color ease;transition-property:color,filter}footer a:hover{color:#fff;cursor:pointer}.horizontal_divider_footer{width:calc(100% - 120px);height:1px;background-color:#404556;margin:50px auto}.footer_bottom{padding:0px 60px 60px 60px;color:#979db1;display:flex;justify-content:space-between}.scroll_to_top img{width:1.25em;height:auto;margin-left:5px}.scroll_to_top{display:flex;transition:filter 150ms ease}.scroll_to_top:hover{cursor:pointer;filter:brightness(150%)}@media screen and (max-width: 1600px){#projects{grid-gap:55px}}@media screen and (max-width: 1470px){#main_design{justify-content:center}}@media screen and (max-width: 1300px){.skill_image_container{min-width:500px;max-width:700px;margin:0 auto}#main_design{margin:0 15vw}#projects{grid-template-columns:minmax(280px, max-content)}}@media screen and (max-width: 900px){.skill_image_container{min-width:200px}#main_design_img_container{min-width:150px}#about_me_outer_wrapper{width:80%}#about_me{width:100%}#contact{flex-direction:column;row-gap:20px}#contact{text-align:center}.footer_table{grid-template-columns:auto auto;row-gap:60px;-moz-column-gap:40px;column-gap:40px;width:-moz-fit-content;width:fit-content;margin:0 auto}.footer_table div:first-of-type{grid-row:1;grid-column:1/span 2;padding-right:0;justify-self:center}.footer_table div:nth-of-type(2){grid-row:2;grid-column:1;padding-right:0}.footer_table div:nth-of-type(3){grid-row:2;grid-column:2;padding-right:0}.footer_table div:nth-of-type(4){grid-row:3;grid-column:1;padding-right:0}.footer_table div:nth-of-type(5){grid-row:3;grid-column:2;justify-self:start;padding-left:0}.footer_socials h5{text-align:unset}}@media screen and (max-width: 700px){#nav_items_list li:not(:first-child){display:none}#nav_items_list li:last-child{display:initial}#about_me_background_logo{width:100%}#about_me_background_logo img{width:40%}.footer_bottom{flex-direction:column-reverse}.footer_bottom div{text-align:center}.footer_bottom .scroll_to_top{margin:0 auto 10px auto}}@media screen and (max-width: 590px){.skills_headline{font-size:2.5em}#about_me{height:auto}.footer_table{padding:60px 25px 0px 25px;-moz-column-gap:20px;column-gap:20px}.footer_bottom{padding:0px 25px 60px 25px}}@media screen and (max-width: 550px){.project_card{aspect-ratio:unset;height:-moz-max-content;height:max-content}.project_card img{position:static;width:92%;height:auto;margin:0 4% -10px}.project_card .project_description{width:auto}.project_card:nth-of-type(2) .project_description{width:auto}.project_card:nth-of-type(3) img{width:30%;margin:10px 35% 30px 35%}.project_card:nth-of-type(4) img{width:30%;margin:10px 35% 30px 35%}.project_description a{position:static;margin-top:30px}}@media screen and (max-width: 510px){.skill_description{min-width:150px}.skill_container{width:80%}#main_design{margin:0 6vw}}@media screen and (max-width: 480px){#introduction{margin-left:10%;margin-right:10%}.footer_table{grid-template-columns:min-content min-content;-moz-column-gap:40px;column-gap:40px}}@media screen and (max-width: 340px){#about_me_wrapper{padding:30px 36px 36px 36px}.footer_table{-moz-column-gap:20px;column-gap:20px}}@keyframes menuOpen{0%{width:0}100%{width:100%}}@keyframes menuIconOpenBar1{0%{transform:translateY(0px)}50%{transform:translateY(13px) rotate(0deg)}100%{transform:translateY(13px) rotate(45deg)}}@keyframes menuIconCloseBar1{0%{transform:translateY(13px) rotate(45deg)}50%{transform:translateY(13px) rotate(0deg)}100%{transform:translateY(0px)}}@keyframes menuIconOpenBar3{0%{transform:translateY(0px)}50%{transform:translateY(-13px) rotate(0deg)}100%{transform:translateY(-13px) rotate(-45deg)}}@keyframes menuIconCloseBar3{0%{transform:translateY(-13px) rotate(-45deg)}50%{transform:translateY(-13px) rotate(0deg)}100%{transform:translateY(0px)}}@keyframes menuIconOpenBar2{0%{opacity:1}50%{opacity:1}51%{opacity:0}100%{opacity:0}}@keyframes menuIconCloseBar2{0%{opacity:0}50%{opacity:0}51%{opacity:1}100%{opacity:1}}