*{margin:0;padding:0;box-sizing:border-box}:root{--font_roboto: "Roboto", sans-serif;--font_roboto_condensed: "Roboto Condensed", sans-serif;--font_roboto_serif: "Roboto Serif", serif;--font_stint_ultra_condensed: "Stint Ultra Condensed", serif;--html_font_family: var(--font_roboto);--clr_background_rgb: 135, 206, 235;--clr_foreground_rgb: 245, 222, 179;--clr_background: rgb(var(--clr_background_rgb));--clr_background_a: rgba(var(--clr_background_rgb), .2);--clr_black_rgba: rgba(0, 0, 0, .6);--clr_header: rgb(16, 96, 176);--clr_nav: rgb(16, 96, 176);--clr_foreground: rgb(var(--clr_foreground_rgb));--clr_foreground_a: rgb(var(--clr_foreground_rgb), .5);--clr_breed_selector: rgba(100, 149, 237, .5);--min_width: 265px;--max_width: 1024px;--default_border_radius: 10px;--header_spacing: 20px;--spot_circle_right_offset: 10px;--left_overlay_offset: 30px;--header_height: 144px;--default_section_margin: 20px;--default_interal_padding: 15px 20px;--html_scroll_image_width: 7116px;--js_scroll_image_width: 5822px;--react_scroll_image_width: 7867px;--nodejs_scroll_image_width: 11378px;--spring_scroll_image_width: 7449px;--scroll_image_original_height: 272px;--scroll_image_height: 144px;--information_window_width: 95%}html{font-size:16px;font-family:var(--html_font_family);font-weight:400;font-style:normal;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}body{min-width:var(--min_width);max-width:var(--max_width);margin:20px auto 0;padding-left:20px;padding-right:20px}footer{margin-bottom:20px}.hidden{display:none}button,a,[role=button]{-webkit-tap-highlight-color:transparent}a:visited{color:inherit;text-decoration:none}a:focus,button:focus,[role=button]:focus{outline:none}.query_param{font-style:italic;color:#4682b4}.highlight_ch{background-color:#ffffe0;font-weight:700;color:#ff8c00}.sequence_element_container{height:auto;padding-top:10px;padding-bottom:10px;position:relative;margin:var(--default_section_margin) 0}.scrolling_image_container{position:relative;overflow:hidden;border-radius:var(--default_border_radius)}.scroll_button_overlay{position:absolute;width:290px;height:100%;top:0;left:-1px;color:#fff;background-color:tan;z-index:99;justify-content:center;clip-path:polygon(0% 0%,calc(100% - var(--scroll_image_height) / 3) 0%,100% 50%,calc(100% - var(--scroll_image_height) / 3) 100%,0 100%);display:flex;justify-content:left;align-items:center;padding:30px 20px}.scroll_button_overlay.js{width:400px;clip-path:polygon(100% 0%,calc(100% - var(--scroll_image_height) / 3) 50%,100% 100%,0% 100%,0% 0%)}.scroll_button_overlay.react{width:495px}.scroll_button_overlay.spring{width:523px}.scroll_button_overlay.nodejs{width:512px;clip-path:polygon(100% 0%,calc(100% - var(--scroll_image_height) / 3) 50%,100% 100%,0% 100%,0% 0%)}.scroll_button_image_container{height:100%;width:100%;display:flex;justify-content:left;align-items:center;gap:5px}.scroll_button_image{height:105px;width:auto}.scroll_button_image.js{margin-left:4px}.scroll_button_image.react{margin-left:5px}.scroll_button_image.nodejs{margin-left:12px}.scroll_button_image.html_css_js_react{margin-left:7px;height:112px}.scroll_button_image.java{margin-left:-16px;height:120px}.scroll_button_image.rest_api{margin-left:-16px;height:100px}.scroll_button_image.spring{margin-left:13px;height:104px}button{background-color:transparent;border:none;cursor:pointer}.scroll_button_overlay{transition:background-color .1s ease;transition:scale .1s ease;border-top-left-radius:var(--default_border_radius);border-bottom-left-radius:var(--default_border_radius)}@media(hover:hover){.scroll_button_overlay:hover{transform:scale(1);background-color:#deb887;border-top:10px solid rgb(189,162,126);border-bottom:10px solid rgb(189,162,126)}}@media(hover:none){.scroll_button_overlay:active{border-top:10px solid rgb(189,162,126);border-bottom:10px solid rgb(189,162,126)}}.scroll_button_overlay:active{transform:scaleY(.97)}.scroll_gray_overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center;display:none}.scroll_gray_overlay.dim_overlay{display:block;background-color:var(--clr_black_rgba)}.sequence_scroll_div{width:100%;overflow:hidden;position:relative;white-space:nowrap;display:flex;align-items:center;border-radius:var(--default_border_radius)}.inner_scroll_div{width:auto;display:flex}.scrolling_image_to_left{width:auto;height:var(--scroll_image_height);animation:scroll_image_anim_to_left 32s linear infinite}.scrolling_image_to_left.react{width:auto;height:var(--scroll_image_height);animation:scroll_image_anim_to_left 35s linear infinite}.scrolling_image_to_left.spring{width:auto;height:var(--scroll_image_height);animation:scroll_image_anim_to_left 34s linear infinite}.scrolling_image_to_right{width:auto;height:var(--scroll_image_height);animation:scroll_image_anim_to_right 26s linear infinite}.scrolling_image_to_right.nodejs{width:auto;height:var(--scroll_image_height);animation:scroll_image_anim_to_right 51s linear infinite}.scrolling_image_to_left.react.scrolling_image_paused,.scrolling_image_to_left.spring.scrolling_image_paused,.scrolling_image_to_right.nodejs.scrolling_image_paused,.scrolling_image_paused{animation-play-state:paused}@keyframes scroll_image_anim_to_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes scroll_image_anim_to_right{0%{transform:translate(-100%)}to{transform:translate(0)}}@media screen and (max-width:649px){:root{--scroll_image_height: 80px;--header_spacing: 8px;--left_overlay_offset: 10px;--spot_circle_right_offset: 5px}body{padding-left:5px;padding-right:5px}.scroll_button_overlay{width:170px;padding:20px 16px}.scroll_button_overlay.js{width:235px}.scroll_button_overlay.react{width:290px}.scroll_button_overlay.nodejs{width:300px}.scroll_button_overlay.spring{width:310px}.scroll_button_image_container{gap:2px;padding-left:0}.scroll_button_image{height:60px}.scroll_button_image.nodejs{margin-left:10px}.scroll_button_image.html_css_js_react{height:67px;margin-left:3px}.scroll_button_image.java{height:72px;padding-left:5px}.scroll_button_image.rest_api{height:60px;padding-left:5px}.scroll_button_image.spring{height:60px;margin-left:8px}}@media screen and (max-width:449px){.scroll_image_off{display:none}.scroll_button_overlay,.scroll_button_overlay.js{width:110px}.scroll_button_image.js{margin-left:3px}.scroll_button_overlay.react{width:110px}.scroll_button_image.react{margin-left:-2px}.scroll_button_overlay.nodejs{width:110px}.scroll_button_image.nodejs{margin-left:2px}.scroll_button_overlay.spring{width:110px}.scroll_button_image.spring{height:60px;margin-left:1px}}footer{background:linear-gradient(to right,#2d75bd,#1060b0);padding:16px 20px;border-radius:var(--default_border_radius);margin-top:var(--default_section_margin)}.footer_container{display:flex;justify-content:space-between;align-items:center}.footer_text{color:#fff;font-size:1.5rem}.footer_contact_icons{width:220px;display:flex;justify-content:space-between;align-items:center}.email_icon,.github_icon,.linkedin_icon,.researchgate_icon{width:44px;height:44px;transition:scale .1s ease}.email_icon:hover,.github_icon:hover,.linkedin_icon:hover,.researchgate_icon:hover{transform:scale(1.1)}.email_icon:active,.github_icon:active,.linkedin_icon:active,.researchgate_icon:active{transform:scale(1)}@media screen and (max-width:549px){.info_text{display:none}}@media screen and (max-width:399px){.footer_text{display:none}.footer_contact_icons{width:100%;justify-content:space-between}}header{background:linear-gradient(to right,#1060b0,#2d75bd);padding:20px 24px;border-radius:var(--default_border_radius);height:auto;font-family:var(--font_roboto)}.header_container{display:flex;justify-content:space-between;align-items:center;z-index:99}.header_img_container{display:flex;align-items:center;height:100px;justify-content:center;margin-right:16px;outline:none}.header_img_container img{transition:outline .1s ease;outline:none;border-radius:50%}@media(hover:hover){.header_img_container:hover img{outline-offset:-.5px;outline:5.5px solid white}}@media(hover:none){.header_img_container:active img{outline-offset:-.5px;outline:5.5px solid white}}.header_image{display:block;height:100%;width:auto;border-radius:50%}.header_text_container{flex-grow:1;display:flex;flex-direction:column;justify-content:center;color:#fff;align-items:center;gap:4px}@media screen and (max-width:399px){.header_img_container{height:50px}.header_text_container{font-family:var(--font_roboto_condensed);font-size:.7rem;gap:0px}}.about_container{width:var(--information_window_width);background-color:var(--clr_foreground);font-family:var(--font_roboto);font-size:1.3rem;color:var(--clr_nav);margin:var(--default_section_margin) auto;margin-top:calc(var(--default_section_margin) - 8px);padding:var(--default_interal_padding);border-radius:var(--default_border_radius);display:flex;flex-direction:column;gap:1rem;height:auto;box-shadow:0 0 10px gray}.information_container{width:var(--information_window_width);display:flex;flex-direction:column;margin:0 auto;margin-top:calc(var(--default_section_margin) - 8px);gap:20px}.information_container h1{align-self:center;width:100%;background-color:var(--clr_background);border-radius:var(--default_border_radius);padding:var(--default_interal_padding);margin-top:0;margin-bottom:0;text-align:center;box-shadow:0 0 10px gray}.information_element_container{display:flex;height:auto;flex-direction:column;background-color:bisque;box-shadow:0 0 10px gray;border-radius:var(--default_border_radius);padding:var(--default_interal_padding)}.information_element_container h2{align-self:center;margin:var(--default_section_margin) 0;margin-top:5px;color:var(--clr_nav)}.information_element_info_container{width:100%;display:flex;flex-direction:row;margin-bottom:5px;gap:5px}.information_element_info_container_v2{display:grid;grid-template-columns:6fr 4fr;grid-template-rows:auto 1fr;grid-template-areas:"image text" "link text";gap:5px;row-gap:20px}.information_image_container_v2{grid-area:image}.information_image,.information_image_v2{width:100%;border-radius:var(--default_border_radius);border:5px solid tan;transition:border .1s ease}.information_image:hover,.information_image_v2:hover{border:5px solid var(--clr_nav)}.information_image:active,.information_image_v2:active{border:5px solid tan}.information_element_info_container a{text-decoration:none;width:70%}.information_text_container{width:30%;font-size:1.2rem;line-height:1.55rem;padding-left:16px}.information_text_container_v2{grid-area:text;font-size:1.2rem;line-height:1.55rem;padding-left:16px;width:auto}.information_link_container_v2{grid-area:link;color:#464646;font-size:1.2rem;line-height:1.55rem;padding-left:8px}@media screen and (max-width:749px){.information_element_info_container{flex-direction:column;gap:14px}.information_element_info_container a{width:100%}.information_text_container,.information_link_container_v2,.information_text_container_v2{width:100%;padding-left:8px;padding-right:8px}.information_image_container{width:100%}.information_element_info_container_v2{grid-template-columns:100%;grid-template-rows:auto auto auto;grid-template-areas:"image" "text" "link"}}@media screen and (max-width:449px){:root{--information_window_width: 97%}}@media screen and (max-width:399px){.information_text_container,.information_link_container_v2,.information_text_container_v2,.about_container{font-family:var(--font_roboto_condensed)}.about_container{font-size:1.2rem}}@media screen and (max-width:349px){.narrow_title{font-family:var(--font_roboto_condensed)}}.information_text_container a,.information_text_container_v2 a,.information_link_container_v2 a{white-space:nowrap;text-decoration:none;color:#2f4f4f;background-color:#d3d3d3;padding-left:.5rem;padding-right:.5rem;border-radius:.7rem;font-weight:700;transition:background-color .1s ease,color .1s ease}.information_text_container a:hover,.information_text_container_v2 a:hover,.information_link_container_v2 a:hover{background-color:var(--clr_nav);color:#fff}.information_text_container a:active,.information_text_container_v2 a:active,.information_link_container_v2 a:active{color:#2f4f4f;background-color:#d3d3d3}a.live_site_link,a.live_site_link:active{color:#573a1c;background-color:tan}a.source_code_link,a.source_code_link:active{color:#8b4513;color:#f5f5f5;background-color:#daa520}.information_text_container p,.information_text_container_v2 p,.information_link_container_v2 p{margin-bottom:1rem}