#body_content{height:calc(100% - 70px);overflow-x:hidden;overflow-y:auto;position:fixed;top:70px;width:100%;z-index:1}#body_content::-webkit-scrollbar{display:none}#body_overlay_1,#body_overlay_2,#body_overlay_3{height:100%;position:fixed;width:100%;z-index:0}#body_overlay_1{background-image:linear-gradient(180deg,#0000,#02041a,#0b153c,#3a145f);top:0}#body_overlay_2{background-attachment:fixed;background-image:url(/static/media/stars.51f6f57ae63b3fad8ac7.svg);background-repeat:repeat;background-size:450px;bottom:0}#body_overlay_3{bottom:0}#body_content_container{border-radius:0 0 10px 10px;height:fit-content;margin:auto;width:100%}#body_content_container .body_content_container_child{padding-bottom:15px}.body_content_text{background-color:#5f477acc;border-radius:10px;margin:20px auto 10px;padding:10px;width:80%}.body_content_text ul{font-weight:lighter}.body_content_text p{font-size:110%;margin:15px;text-align:center}.body_content_text hr{border-bottom:none;border-top:1px solid #fff;margin-bottom:15px;margin-left:0;min-width:200px;position:relative;width:50%}.body_content_text hr:after,.body_content_text hr:before{background-color:#fff;border:1px solid #fff;content:" ";height:10px;position:absolute;transform:rotate(45deg);width:10px}.body_content_text hr:before{bottom:-5px;left:-5px}.body_content_text hr:after{bottom:-5px;right:-5px}.body_content_text li{margin-bottom:5px}.purple_btn{background-image:linear-gradient(90deg,#9c6bb5,#775ea9);border-radius:25px;color:#fff;margin-bottom:10px;padding:15px;text-decoration:none;width:fit-content}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(10%)}to{opacity:1;transform:translateX(0)}}@keyframes delayedFadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}@media screen and (max-width:900px){#body_content{height:calc(100% - 50px);top:50px}.body_content_text{border-radius:0;width:auto}}#footer{grid-gap:10px;align-items:center;background-color:#1a0331;color:#fff;display:flex;flex-flow:row;flex-wrap:wrap;font-size:15px;height:fit-content;justify-content:center;margin-top:45px;padding:10px 5px;text-align:center;width:calc(100% - 10px);z-index:2}#footer p{margin:0}#footer a{color:#fff;text-decoration:underline}#header{align-items:center;background-color:#b97cff66;display:flex;height:70px;justify-content:left;position:fixed;top:0;width:100%;z-index:2}#header p{margin:0}#hamburger_container{align-items:center;background-image:linear-gradient(90deg,#8d6bb5,#6a5ea9);border:1px solid #c3b4dd;border-radius:15px;cursor:pointer;display:none;height:50px;justify-content:center;margin-left:20px;width:50px}#links_container,.nav_btn{align-items:center;display:flex;flex-flow:row}.nav_btn{color:#fff;margin-left:20px;padding:10px}#links_container{height:100%}#links_container a{margin-right:5px;text-decoration:none}#links_container a p{margin:0;padding-left:10px}@media screen and (max-width:900px){#header{height:50px}#hamburger_container{border-radius:10px;display:flex;height:40px;margin-left:10px;width:40px}#links_container{grid-gap:20px;background-color:#402c57;display:grid;grid-template-rows:50px 50px 50px 50px 50px;height:calc(100% - 70px);padding:20px 0 0;position:fixed;top:50px;transition:left .3s ease;width:200px;z-index:2}#links_container a{margin-left:0}#links_container a p{margin:0}}#landing_header_container{background-image:linear-gradient(90deg,#8d6bb533,#0000);display:grid;grid-template-columns:50% 50%;height:fit-content;justify-content:center;margin-bottom:150px;min-height:550px;padding:0 0 0 30px}#landing_header_txt_container{display:flex;flex-flow:column;justify-content:center;padding:0 0 0 30px}#landing_about_me_h1,#landing_h1,#landing_h3,.ux_portfolio_project_h1{font-family:Rockwell}#landing_h1_container{grid-gap:10px;align-items:center;display:grid;grid-template-columns:70px auto;justify-content:start;margin-top:50px}#landing_h1{animation:slideInFromLeft .8s ease-out 0s 1;font-size:60px;font-weight:800;margin:0 0 -20px;min-height:fit-content}#landing_h1_icon{animation:rotation 10s linear infinite;max-height:70px;max-width:70px}#landing_h3{animation:delayedFadeIn 1s ease-out 0s 1;font-size:40px;font-weight:500;min-height:fit-content}#landing_header_img_container{align-items:center;display:flex;justify-content:center;position:relative}#teila_img{animation:rotation 50s linear infinite;max-height:500px;max-width:inherit;position:absolute;top:30px!important;z-index:1}@keyframes rotation{0%{transform:rotate(359.5deg)}to{transform:rotate(0deg)}}#contact_info_container{animation:delayedFadeIn 1s ease-out 0s 1;display:flex;flex-flow:row;flex-wrap:wrap}.contact_info{align-items:center;background-image:linear-gradient(90deg,#9c6bb5,#775ea9);border-radius:25px;color:#fff;display:grid;grid-template-columns:30px auto;margin-bottom:10px;margin-right:30px;padding:5px 5px 5px 10px;text-decoration:none}.contact_info span{padding:10px 10px 10px 0}#landing_company_icons_container{align-items:center;display:flex;flex-flow:row;height:60px;justify-content:center;margin-bottom:250px;position:relative}#landing_company_icons_container .company_logo,#landing_company_icons_container a{height:inherit;margin:5px;max-width:200px;opacity:.8;z-index:1}#landing_about_me_container{grid-gap:20px;align-items:center;display:flex;flex-flow:row;width:100%}#landing_about_me_container #landing_about_me_text{float:left;margin:40px;width:60%}#landing_about_me_container #landing_about_me_h1{margin-bottom:30px}#landing_about_me_container #landing_about_me_h2{font-weight:300}#landing_about_me_container #landing_about_me_gradient_bg{background-image:linear-gradient(306deg,#6a379a,#363292);border-radius:150px 0 0 150px;float:right;height:300px;max-width:50vw;position:relative;width:40%}#landing_about_me_container #landing_about_me_planet_1,#landing_about_me_container #landing_about_me_planet_2,#landing_about_me_container #landing_about_me_planet_3{border-radius:50%;position:absolute}#landing_about_me_container #landing_about_me_planet_1 #landing_about_me_planet_1_ring,#landing_about_me_container #landing_about_me_planet_2 #landing_about_me_planet_2_ring_1,#landing_about_me_container #landing_about_me_planet_2 #landing_about_me_planet_2_ring_2,#landing_about_me_container #landing_about_me_planet_3 #landing_about_me_planet_3_ring{background:linear-gradient(0deg,#fff,#fff,#fff,#fff,#0000,#0000) border-box;border:3px solid #0000;border-radius:50%;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute}#landing_about_me_container #landing_about_me_stars{height:300px;left:10%;position:absolute;top:0}#landing_about_me_container #landing_about_me_planet_1{background-image:linear-gradient(306deg,#306aa5,#4eb873);height:100px;left:10%;top:-30px;transform:rotate(40deg);width:100px}#landing_about_me_container #landing_about_me_planet_1 #landing_about_me_planet_1_ring{height:30px;left:calc(10% - 37px);top:30px;width:150px}#landing_about_me_container #landing_about_me_planet_2{background-image:linear-gradient(306deg,#9e3c9f,#ebd067);height:140px;left:60%;top:20px;transform:rotate(-20deg);width:140px}#landing_about_me_container #landing_about_me_planet_2 #landing_about_me_planet_2_ring_1{height:30px;left:calc(40% - 88px);top:50px;width:200px}#landing_about_me_container #landing_about_me_planet_2 #landing_about_me_planet_2_ring_2{border:1px solid #0000;height:39px;left:calc(40% - 111px);opacity:.5;top:51px;width:250px}#landing_about_me_container #landing_about_me_planet_3{background-image:linear-gradient(306deg,#4e8eb8,#f2f231);height:200px;left:12%;top:130px;transform:rotate(30deg);width:200px}#landing_about_me_container #landing_about_me_planet_3 #landing_about_me_planet_3_ring{border:5px solid #0000;height:47px;left:calc(12% - 65px);top:84px;width:280px}#planet_1{height:568.4px;right:-300px;width:952px;z-index:0}#planet_1,#planet_2{opacity:1;pointer-events:none;position:absolute}#planet_2{height:300px;left:20px;top:-50px;width:300px;z-index:-1}#moon_1{animation:xmotion 8s ease-in-out 0s infinite;height:284.2px}#moon_1,#moon_1:before{opacity:1;position:absolute;width:30px;z-index:0}#moon_1:before{animation:ymotion 8s ease-in-out 0s infinite;background-image:linear-gradient(306deg,#883c9f,#eba567);border-radius:50%;content:"";height:30px;top:100%}@keyframes xmotion{0%{right:-300px;transform:scale(.3);z-index:-1}50%{right:500px;transform:scale(.5);z-index:-1}51%{right:500px;transform:scale(.5);z-index:0}to{right:-300px;transform:scale(2);z-index:0}}@keyframes ymotion{0%{top:0}50%{top:80%}to{top:20%}}@media screen and (max-width:900px){#landing_about_me_container{display:flex;flex-flow:column}#landing_about_me_gradient_bg{max-width:none!important;width:100%!important}#landing_about_me_text{margin:20px!important;width:calc(100% - 40px)!important}#contact_info_container{justify-content:center}.contact_info{margin:10px}#body_content_container{margin-top:0}#landing_h1_container{grid-template-columns:70px max-content;justify-content:center;margin-top:30px}#landing_h1,#landing_h3{text-align:center}#landing_h3{margin-bottom:20px}#teila_img{bottom:0;left:0;margin-bottom:auto;margin-top:auto;max-height:300px;position:relative;top:0}}@media screen and (max-width:900px)and (max-width:600px){#landing_h1_icon{display:none}#landing_h1_container{display:block}}@media screen and (max-width:900px){#landing_header_container{grid-template-columns:100%;padding:0 20px}#landing_header_txt_container{padding:0}}#body_content_header_container{display:grid;grid-template-columns:calc(100% - 340px) 340px;justify-content:center;min-height:300px;padding:0 0 0 30px}#body_content_header_container,.body_content_header{background-image:linear-gradient(90deg,#8d6bb533,#0000);height:fit-content}.body_content_header{align-items:center;display:flex;flex-flow:column;text-align:center;width:100%}.body_content_header div{flex:1 1}#body_content_h1{animation:slideInFromLeft 1s ease-out 0s 1;font-size:60px;font-weight:800;margin:0 0 -20px;min-height:fit-content}#body_content_h1,#body_content_h4{font-family:Rockwell}#body_content_h4{animation:delayedFadeIn 1s ease-out 0s 1;font-size:30px;font-weight:500;margin-bottom:20px;margin-top:20px;min-height:fit-content}.header_img_container{align-items:center;display:flex;justify-content:right}.header_img_container img{height:300px;max-height:100%;max-width:100%;padding:20px}.body_content_header_txt_container{display:flex;flex-flow:column;justify-content:center;padding:20px}.body_content_header_txt_container h1{font-size:50px;margin-bottom:0;margin-top:20px}@media screen and (max-width:900px){.header_img_container{align-items:center;display:flex;justify-content:center}.header_img_container img{height:300px;max-height:100vw;max-width:100vw;padding:0}#body_content_h4{text-align:center}#body_content_header_container{grid-template-columns:100%;padding:0 20px}}@media screen and (max-width:600px){#body_content_h1{text-align:center}}#portfolio_projects{align-items:flex-start;column-gap:40px;display:flex;flex-flow:wrap;justify-content:space-evenly;margin:20px;row-gap:60px;width:calc(100% - 40px)}.ux_portfolio_project_links_container{border-radius:20px;display:flex;flex-flow:wrap;height:100%;justify-content:center;margin:auto;max-width:100%;position:relative;width:fit-content}.ux_portfolio_project_links_container .ux_portfolio_project_thumbnail{background-image:linear-gradient(90deg,#775ea9b3,#794aa5b3);border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-flow:column;margin:10px;max-width:calc(100vw - 20px);text-align:center;text-decoration:none;transition:box-shadow .2s ease;width:140px}.ux_portfolio_project_links_container .ux_portfolio_project_thumbnail h4{margin:5px 10px}.ux_portfolio_project_links_container .ux_portfolio_project_thumbnail img{display:flex;margin:auto;max-height:120px;max-width:calc(100% - 20px);padding:10px}.ux_portfolio_project_links_container .ux_portfolio_project_thumbnail:hover{box-shadow:0 0 10px #fff}.ux_portfolio_project_container{align-items:center;display:flex;display:grid;flex-flow:row;grid-template-rows:200px max-content;width:600px}.ux_portfolio_project_container .ux_portfolio_project_text{display:flex;flex-flow:column;margin:10px}.ux_portfolio_project_container .ux_portfolio_project_h2{margin:10px 0}.ux_portfolio_project_container .ux_portfolio_project_h3{font-weight:300;margin:0 0 20px}.ux_project_content_container{height:100%;margin:20px;padding:20px;position:relative;width:100%}.ux_project_content_header_container{display:grid;grid-template-columns:50% 50%;width:100%}.ux_project_thumbnail_container{align-items:baseline;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative}.ux_project_thumbnail_container .ux_project_thumbnail{height:auto;width:100%}#art_posts_flex_container{display:flex;flex-direction:row;flex-flow:wrap;justify-content:center}.art_post{box-shadow:none;cursor:pointer;height:fit-content;margin:15px;max-width:100%;width:fit-content}.art_img{border:1px solid #fff;height:auto;max-height:250px;max-width:100%;width:auto}.art_img:hover{box-shadow:0 0 15px #fff}#large_art_popup_graybox{animation:fadein .3s linear forwards;background-color:#000c;display:flex;height:100%;justify-content:center;position:fixed;width:100%;z-index:1}@keyframes fadein{0%{opacity:0}to{opacity:1}}#large_art_popup_container{align-items:center;display:flex;height:calc(100% - 110px);justify-content:center;margin:20px;max-height:100%;max-width:100%}#large_art_popup_close_btn,#large_art_popup_next_btn,#large_art_popup_previous_btn{background-color:#0000;border:1px solid #fff;border-radius:10px;cursor:pointer;margin:10px;position:absolute}#large_art_popup_close_btn{height:60px;right:0;top:0;width:60px}#large_art_popup_next_btn,#large_art_popup_previous_btn{height:200px;width:60px}#large_art_popup_next_btn{right:0;top:calc(50% - 100px)}#large_art_popup_previous_btn{left:0;top:calc(50% - 100px)}#large_art_img{height:auto;max-height:inherit;max-width:inherit}#large_art_img:hover{box-shadow:none}@media screen and (max-width:600px){#large_art_popup_next_btn,#large_art_popup_previous_btn{height:60px;width:60px}#large_art_popup_next_btn{bottom:70px;right:0;top:auto}#large_art_popup_previous_btn{bottom:70px;left:0;top:auto}}#game_container{align-items:center;display:flex;flex-flow:column;justify-content:center}#canvas_container{height:fit-content;margin:auto;position:relative;width:fit-content}#start_end_game_btns_container{display:flex;flex-wrap:wrap;justify-content:center;justify-items:center;margin:auto;top:0;width:100%}.start_end_game_btn{background-color:#cdafea;border:2px solid #775795;border-radius:5px;color:#000;cursor:pointer;margin:5px;padding:10px;text-align:center}.player_move_btn:hover,.start_end_game_btn:hover{background-color:#775795;border:2px solid #775795}#game_countdown_container{display:flex;flex-flow:column;font-family:Courier New,Courier,monospace;font-size:40px;font-weight:700;height:100px;justify-content:center;max-width:500px;text-align:center}#resume_content_container{display:grid;grid-template-columns:auto 270px;margin:20px auto auto;max-width:1000px}#resume_content_container #skill_items{grid-gap:20px;align-items:center;display:flex;flex-wrap:wrap;font-size:17px;justify-content:center}#resume_content_container #skill_items .skill_item{grid-gap:10px;align-items:center;display:grid;grid-template-columns:20px auto;max-width:100%;width:180px}#resume_workplaces_container{grid-gap:20px;display:flex;flex-flow:row;flex-wrap:wrap}#resume_workplaces_container .resume_workplace_container{align-items:center;display:flex;flex-flow:column;justify-content:center;text-align:center;width:calc(50% - 10px)}#resume_btns{grid-gap:10px;background-image:linear-gradient(90deg,#fff,#0000),linear-gradient(90deg,#fff,#0000);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 2px;border-left:2px solid #fff;border-right:2px solid #0000;display:flex;flex-flow:column;height:fit-content;padding:30px 20px;position:relative}#resume_btns .subgroup{align-items:flex-end;display:grid;font-size:17px;grid-template-columns:50px auto;grid-template-rows:min-content;height:fit-content;max-width:max-content}#resume_btns .subgroup_square{border-bottom:1px solid #fff;border-left:1px solid #fff;height:100%;margin:0 10px 2px 20px;width:20px}#experience_header{background-image:linear-gradient(90deg,#775ea9b3,#794aa5b3);border-radius:10px;margin-bottom:20px;padding:10px;width:100%}#resume_download_link{text-decoration:none}#resume_download_link:hover{text-decoration:underline}.resume_btn_false,.resume_btn_true{background-color:#0000;border:none;color:#fff;cursor:pointer;font-family:sans-serif;font-size:25px;font-weight:700;padding:0;text-align:left}.resume_btn_false:hover,.resume_btn_true:hover{text-decoration:underline}.resume_btn_false{text-decoration:none}.experience_btn:hover{cursor:auto;text-decoration:none}.resume_content_text_false,.resume_content_text_true{background-image:linear-gradient(90deg,#775ea9b3,#794aa5b3);border-radius:10px;min-height:calc(100% - 20px);padding:10px;width:calc(100% - 40px)}.resume_content_text_false li,.resume_content_text_true li{margin-bottom:10px}.resume_content_text_true{animation:slideInFromBottom .5s ease-out 0s 1;display:block}.resume_content_text_false{display:none;opacity:0}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:800px){#resume_content_container{grid-gap:20px;display:grid;grid-template-areas:"a" "b";grid-template-columns:100%;margin:10px}#resume_btns{grid-area:a;width:calc(100% - 20px)}#resume_content_texts{grid-area:b;margin:0;width:100%}.resume_content_text_false,.resume_content_text_true{margin:0;width:calc(100% - 20px)}}.certifiate_container{border-bottom:1px solid #ffffff4d;margin:20px 0}.certifiate_container .certificate_link{border:1px solid #fff;border-radius:25px;color:#fff;margin-bottom:20px;padding:7px;text-decoration:none}#case_study_nav_bar{grid-gap:10px;align-items:center;display:flex;flex-flow:wrap;justify-content:center;margin:10px}#case_study_nav_bar button{background-color:#0000;border:none;color:#fff;cursor:pointer;padding:10px}#case_study_nav_bar button:hover{text-decoration:underline}#case_study_nav_bar.fixed{grid-gap:10px;background-color:#01020b;border-bottom:1px solid #b97cff66;margin:0;padding:5px;position:fixed;top:70px;width:calc(100% - 10px)}#case_study_container{width:100%}#case_study_container #case_study_intro_img_container{display:flex;justify-content:center;margin-top:40px;width:100%}#case_study_container #case_study_intro_img_container #case_study_intro_img{max-width:100%;width:800px}#case_study_container .case_study_large_img_container{display:flex;margin-top:100px;width:100%}#case_study_container .case_study_large_img_container .case_study_large_img{margin:auto;max-height:1000px;max-width:100%}#case_study_container h1{font-size:60px;margin:40px 0 0;padding:50px;width:calc(100% - 100px)}#case_study_container h2{font-size:35px}#case_study_container .case_study_section_1_col,#case_study_container .case_study_section_2_col{background-image:linear-gradient(90deg,#8d6bb533,#0000);margin-top:50px;padding:50px;width:calc(100% - 100px)}#case_study_container .case_study_section_1_col{grid-row-gap:60px;display:flex;flex-flow:column;justify-content:center}#case_study_container .case_study_section_1_col .case_study_col_subsection{max-width:100%;width:600px}#case_study_container .case_study_section_1_col .case_study_row_subsection{width:100%}#case_study_container .case_study_section_2_col{grid-column-gap:60px;grid-row-gap:40px;display:grid;flex-flow:column;grid-template-columns:calc(50% - 30px) calc(50% - 30px);justify-content:center}#case_study_container .case_study_section_2_col .case_study_col_subsection{margin:0 auto;max-width:100%;width:700px}#case_study_container .case_study_section_2_col .case_study_row_subsection{margin:0 auto;max-width:100%}#case_study_container .case_study_col_subsection{grid-gap:20px;align-items:flex-start;display:flex;flex-flow:column;max-width:100%}#case_study_container .case_study_col_subsection h2,#case_study_container .case_study_col_subsection h3{margin:0;max-width:min(1000px,100%);width:100%}#case_study_container .case_study_row_subsection{grid-gap:60px;align-items:center;display:flex;flex-flow:row;justify-content:space-around;max-width:calc(100% - 20px)}#case_study_container .case_study_row_subsection img{margin:0;max-height:600px;max-width:60vw}#case_study_container .case_study_row_subsection h2,#case_study_container .case_study_row_subsection h3{margin:auto;max-width:100%}#case_study_container h3{font-weight:400;line-height:30px}#case_study_container #pain_points_container{grid-gap:40px;display:flex;flex-flow:wrap;justify-content:center;padding:50px;width:calc(100% - 100px)}#case_study_container #pain_points_container .pain_point{align-items:center;display:flex;flex-flow:column;max-width:100%;text-align:center;width:400px}#case_study_container #pain_points_container .pain_point .pain_point_number{align-items:center;background-color:#9c6bb5;border-radius:50%;display:flex;font-size:40px;height:60px;justify-content:center;width:60px}#case_study_container #pain_points_container .pain_point h3{font-size:25px}#case_study_container #pain_points_container .pain_point .pain_point_desc{font-size:20px}@media screen and (max-width:900px){#case_study_nav_bar.fixed{grid-gap:3px;top:50px}#case_study_nav_bar.fixed button{padding:3px}#case_study_container{text-align:center}#case_study_container h1{font-size:50px}#case_study_container .case_study_col_subsection{align-items:center;margin:auto}#case_study_container .case_study_section_2_col{grid-column-gap:0;grid-row-gap:30px;display:grid;grid-template-columns:none;grid-template-rows:auto;width:calc(100% - 100px)}#case_study_container .case_study_section_2_col .case_study_col_subsection{width:auto}#case_study_container .case_study_section_1_col{align-items:center}#case_study_container .case_study_row_subsection{display:grid;grid-template-columns:100%;grid-template-rows:auto}#case_study_container .case_study_row_subsection img{margin:auto;max-width:100%;min-width:0;min-width:auto}}@media screen and (max-width:600px){#case_study_container h1{font-size:50px}#case_study_container .case_study_section_1_col,#case_study_container .case_study_section_2_col,#case_study_container h1{padding:20px;width:calc(100% - 40px)}#case_study_container .case_study_section_2_col .case_study_col_subsection{margin:initial;width:auto}#case_study_container .case_study_section_1_col{align-items:center}#case_study_container .case_study_row_subsection{display:grid;grid-template-columns:100%;grid-template-rows:auto}#case_study_container .case_study_row_subsection img{max-width:100%;min-width:0;min-width:auto}#case_study_container #pain_points_container{padding:10px;width:calc(100% - 20px)}}body,html{height:100%;margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#000;background-repeat:no-repeat;background-size:450px;color:#fff;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}#root{height:100%;min-height:fit-content;position:relative;width:100%}
/*# sourceMappingURL=main.3b763dfc.css.map*/