body{padding:0;margin:0}ul{padding:0}.nav_container{display:flex;justify-content:space-between;border-bottom:2px solid white;position:fixed;top:0;width:100%;max-height:4rem;background-color:#000;z-index:1000;padding:auto}.nav_branding{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:1.25rem;margin:1rem}.nav_img{height:50px;width:50px;margin:1rem}.nav_topics_container{display:flex;align-items:center}.nav_topics_container ul{display:flex;list-style:none;justify-content:space-between;gap:1em;padding:2rem}.nav_topics_container li{display:flex;border-top:2px solid transparent;transition:border-top .5s ease,transform .3s ease;font-size:1.25rem}.nav_topics_container li:hover{cursor:pointer;border-top:2px solid rgb(51,204,255);transform:scale(1.05)}.hamburger{display:none;flex-direction:column;justify-content:center;cursor:pointer;padding:1rem;z-index:1002}.hamburger .bar{width:30px;height:4px;background-color:#fff;margin:4px 0;transition:all .3s ease;transform-origin:center}.hamburger.open .bar:nth-child(1){transform:rotate(45deg) translate(.5em,.5em)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(.5em,-.5em)}@media (min-width: 761px) and (max-width: 950px){.nav_name{display:none}}@media (max-width: 760px){.nav_container{border-bottom:none;padding:0}.nav_topics_container{opacity:0;max-height:0;overflow:hidden;flex-direction:column;align-items:center;position:absolute;top:70px;right:0;background-color:#000000f2;width:100%;text-align:center;transition:opacity .3s ease,max-height .3s ease;padding:0}.nav_topics_container.open{opacity:1;max-height:100vh}.hamburger{display:flex;z-index:1002}.hamburger .bar{width:30px;height:10px;border:2px solid white}.nav_name{display:none}.nav_img{padding:0;margin:0}.nav_topics_container li{display:flex;padding:2px;margin:4px;border-top:2px solid transparent;transition:border-top .5s ease,transform .3s ease;font-size:1.5rem}.nav_topics_container ul{display:flex;align-items:center;list-style:none;justify-content:space-evenly;padding:0;flex-direction:column;height:100vh}}.footer_main_container{display:flex;justify-content:space-between;align-items:center;border-top:2px solid white;padding:0 16px;max-height:3rem}.footer_logo_container{display:flex;flex:1;justify-content:center;align-items:center}.footer_logo_container a{color:inherit}.footer_logo_container ul{display:flex}.footer_contact_logos{display:flex;margin:0}.footer_mid p{padding:0;margin:0}.footer_mid{display:flex;flex-direction:column;justify-content:center;flex:2;text-align:center}.footer_left{display:flex;flex:1;justify-content:center;align-content:center}.footer_left p{display:flex}@media (max-width: 724px){.footer_mid{display:none}}.landing_main_container{display:flex;padding:5px;align-items:flex-start;margin-top:4rem}.landing_image_container{display:flex;align-items:center;flex-direction:column;flex:1;min-height:400px;aspect-ratio:1}.landing_main_img{height:80%;width:80%;min-height:300px;min-width:300px;max-height:500px;max-width:500px;border-radius:50%;margin:20px;padding:20px;box-shadow:0 0 10px #3cf;object-fit:cover}.landing_main_img:hover{box-shadow:0 0 10px #fff}.landing_interactive_container{display:flex;flex-direction:column;align-content:flex-start;margin:0;padding:0;flex:1}.landing_Aboutme_container{display:flex;flex-direction:column;margin:10px;padding:0}.landing_Aboutme_container h2{font-size:2rem;margin-bottom:1rem;align-self:center;display:flex;padding-bottom:.3rem}.landing_Aboutme_container strong{color:#e0e0e0}.landing_Aboutme_container em{font-style:italic;color:#bcbcbc}.landing_contact_buttons_container{display:flex;justify-content:space-around}.landing_contact_buttons_container button{width:100%}.landing_facts_button_container{display:flex;flex-direction:column;text-align:center}.landing_buttons{margin:10px;border-radius:6px;height:50px;cursor:pointer;background-color:#fff;color:#000;border:none;font-size:1rem;font-weight:600;box-shadow:0 0 #fff0;transition:all .3s ease,transform .2s ease}.landing_buttons:hover{box-shadow:0 0 4px 2px #3cf;transform:scale(1.02)}.landing_skills{display:flex;flex-direction:column;width:100%}.tech_icons_grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;justify-items:center;transition:max-height .6s ease}.tech_icon{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:2rem;transition:transform 1.2s ease-in-out}.tech_icon p{font-size:.9rem;margin-top:.5rem}.tech_icon:hover{transform:scale(1.1);color:#00e5ff}.tech_icons_grid.collapsed{max-height:150px;overflow:hidden;transition:max-height .6s ease}.tech_icons_grid.expanded{max-height:400px;transition:max-height .6s ease}.show_more_btn{margin-top:1rem;background-color:transparent;color:#3cf;border:none;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:underline}.show_more_btn:hover{color:#fff}@media (max-width: 840px){.landing_main_container{flex-direction:column;justify-content:center;align-items:center}.landing_image_container{min-height:300px}.landing_main_img{height:30vh;width:30vh;min-height:200px;min-width:200px;max-height:350px;max-width:350px}.tech_icons_grid.expanded{max-height:400px;transition:max-height .6s ease;padding-bottom:200px}}.projects_main_container{margin-top:4rem}.project_cards_container{display:flex;flex-wrap:wrap}h1{font-size:32px;color:#fff;margin:4px;text-align:center;padding:1.5rem}h2,h4,h5{text-align:center}a{display:flex;align-items:center;justify-content:center;padding:1.5rem}.project_cards_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;justify-items:center;padding:1rem}.project_cards_container h4{text-align:center}.project_card{display:flex;flex-direction:column;border:2px solid white;padding:10px;width:100%;max-width:400px;box-sizing:border-box;border-radius:6px;box-shadow:0 0 #fff0;transition:all .3s ease,transform .2s ease}.project_card:hover{box-shadow:0 0 4px 4px #3cf;transform:scale(1.02);cursor:pointer}.project_card_img{width:100%;height:250px;object-fit:cover;object-position:top;margin-bottom:10px;border-radius:6px}.tech_icon_container{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.tech_icon{font-size:1.5rem;margin:5px}.modal_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:auto;z-index:1000}.modal_content{background:black;border:1px solid rgb(51,204,255);flex-direction:column;padding:2rem;border-radius:10px;max-width:60vw;width:100%;overflow-y:auto;align-items:center;margin-top:2rem}p{color:#fff;margin:4px}.modal_urls{display:block;text-align:center}.modal_img{height:100%;width:100%;display:block;object-fit:cover;flex-shrink:0;flex-grow:0;transition:translate .3s ease-in-out}.img_slider_btn{all:unset;display:block;position:absolute;top:0;bottom:0;padding:1rem;cursor:pointer;transition:background-color .1s ease-in-out}.img_slider_btn:hover,.img_slider_btn:focus-visible{background-color:#0003}.img_slider_btn>*{stroke:#ffffff80;fill:#000000bf;width:2rem;height:2rem}.img_slider_btn:hover>*,.img_slider_btn:focus-visible>*{animation:squish .2s ease-in-out;stroke:#000;fill:#3cf}.img_slider_render{width:100%;height:100%;display:flex;overflow:hidden}.img_slider_container{width:100%;height:100%;position:relative}@keyframes squish{50%{scale:1.4 .6}}.img_slider_selectors{position:absolute;bottom:.5rem;left:50%;translate:-50%;display:flex;gap:.25rem}.img_slider_dots{all:unset;display:block;width:1rem;height:1rem;cursor:pointer;transition:scale .1s ease-in-out}.img_slider_dots>*{stroke:#fff;fill:#000;height:100%;width:100%}.img_slider_dots:hover,.img_slider_dots:focus-visible{scale:1.25}.img_slider_btn:focus-visible,.img_slider_dots:focus-visible{outline:auto}.contact_container{display:flex;flex-direction:column;padding:5px;align-items:center;margin:4rem auto 1rem;width:90%;max-width:90%;justify-content:center}.contact_form{display:flex;flex-direction:column;gap:1.25rem;width:70%;margin:0 auto}.contact_form input,.contact_form textarea{padding:1rem;border-radius:.5rem;border:1px solid #33ccff;font-size:1rem;width:100%;background-color:#ffffff0d;box-sizing:border-box}.contact_form button{background-color:#3cf;border:none;color:#fff;font-weight:700;border-radius:.5rem;cursor:pointer;width:100%;padding:.75rem 1rem;transition:background-color .3s ease}.contact_form button:hover{background-color:#1aa3cc}p{font-size:1.05rem;margin-bottom:1.5rem;text-align:center}.contact_cta{width:70%;text-align:center;background-color:#ffffff0d;padding:2rem 1rem;border:1px solid #33ccff;border-radius:.5rem;margin-top:1rem;box-sizing:border-box}.contact_cta button{background-color:transparent;border:none;border-bottom:2px solid #1aa3cc;font-size:1rem;cursor:pointer;padding:.5rem;transition:background-color .3s ease,border-bottom .3s ease}.contact_cta button:hover{border-bottom:none;background-color:#1aa3cc;color:#fff}.experience-section{max-width:800px;margin:auto;margin-top:4rem;padding:5px;background:black;color:#333}.experience-section h2{font-size:2rem;margin-bottom:1.5rem;padding-left:.5rem;color:#fff}.timeline{position:relative;margin-left:1rem;padding-left:1rem;border-left:2px solid rgb(51,204,255)}.experience-item{position:relative;margin-bottom:2rem;padding-left:1rem}.dot{position:absolute;top:.5rem;left:-1.5rem;width:12px;height:12px;background-color:#fff;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #3b82f6}.content h3{font-size:1.2rem;margin:0;color:#3cf}.content h3 span{color:#555;font-weight:400}.date{font-size:.9rem;color:#777;margin:.2rem 0 .8rem}.content ul{padding-left:1.2rem;margin:0}.content li{margin-bottom:.4rem;color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#000}