body{margin:0 auto;padding:0;background-color:#384959;font-family:Amiko,Helvetica,Arial,sans-serif}.content_container{background-color:#efefef;box-shadow:0 0 300px #5d6873;box-shadow:0 0 300px #777f87;margin:70px auto 0;padding:25px;height:auto;border-radius:30px}.content_container_test{background-color:#efefef;box-shadow:0 0 300px #5d6873;box-shadow:0 0 300px #777f87;display:block;width:600px;height:200px}.navbar_container{box-sizing:border-box;position:fixed;top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:70px;padding-bottom:5px}.navbar2{display:flex;align-items:center;justify-content:center;border-radius:30px;z-index:1000;background-color:#9b9b9b;box-shadow:5px 5px 10px #0000004d}.nav-link2{color:#111;background:#efefef;text-decoration:none;font-weight:500;box-sizing:border-box;padding:10px 20px;border-radius:30px 0 0 30px;white-space:nowrap}.nav-link2+.nav-link2{border-radius:0;border-left:max(1px,.01em) solid #9b9b9b}.nav-link2:last-child{border-radius:0 30px 30px 0}.nav-link2:hover,.current_link{background-color:#cdcdcd}.current_link:hover{background-color:#a6a6a6}.presentation{width:max(600px,50%);max-width:100%;box-sizing:border-box}.introduction{display:flex;align-items:center;gap:20px;flex-direction:row}.introduction_text{font-size:16px;line-height:1.5;margin:0;flex-shrink:1}.profile_pfp{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-left:20px;margin-right:20px}@media(max-width:600px){.introduction{flex-wrap:wrap;justify-content:center;flex-direction:column-reverse}}.tools_section{margin-top:40px}.tools_section h2{font-size:24px;font-weight:700;margin-bottom:20px;margin-top:0}.tools_cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.tool_group{border:1px solid rgb(224,224,224);border-radius:8px;padding:20px;background-color:#fafafa}.tool_group:hover{border-color:#d0d0d0;box-shadow:0 2px 8px #00000014}.tool_category{font-size:16px;font-weight:600;margin-bottom:15px;margin-top:0;color:#333}.tools_display{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.tool_badge{background-color:#f0f0f0;color:#333;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid #e0e0e0}.tool_badge:hover{background-color:#e8e8e8;border-color:#d0d0d0}.experience_section{margin-top:50px}.experience_section h2{font-size:24px;font-weight:700;margin-bottom:20px;margin-top:0}.experience_timeline{display:flex;flex-direction:column;gap:20px;position:relative;padding-left:50px}.experience_timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background-color:#e0e0e0}.experience_item{display:flex;gap:20px;position:relative}.experience_icon{position:absolute;left:-50px;width:40px;height:40px;border-radius:50%;background-color:#fff;border:3px solid #e0e0e0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.experience_icon img{width:24px;height:24px;object-fit:contain}.experience_item.experience_work .experience_icon{border-color:#06c;background-color:#f0f5ff}.experience_item.experience_education .experience_icon{border-color:#0a4;background-color:#f0fff5}.experience_content{border-left:none;padding:3px 15px 15px}.experience_item.experience_work .experience_content{border-left-color:#06c}.experience_item.experience_education .experience_content{border-left-color:#0a4}.experience_title{font-size:16px;font-weight:600;margin-bottom:5px;margin-top:0;color:#333}.experience_company{font-size:14px;font-weight:500;margin-bottom:3px;margin-top:0;color:#666}.experience_duration{font-size:12px;margin-bottom:10px;margin-top:0;color:#999}.experience_description{font-size:14px;line-height:1.5;margin:0;color:#555}.projects{width:max(600px,50%);max-width:100%;box-sizing:border-box}.projects_display{display:flex;flex-direction:column;gap:20px}.accordion{border:1px solid black;padding:10px;border-radius:10px;height:fit-content}.accordion:hover{background-color:#fafafa}.accordion_closed{overflow:hidden;cursor:pointer}.accordion_open{overflow:hidden;height:fit-content}.accordion_header{display:flex;justify-content:space-between;align-items:center;padding:0}.project_title{font-size:18px;font-weight:700;margin-bottom:0;margin-top:0}.title_and_tags{display:flex;gap:5px;align-items:baseline;flex-direction:column}.tags_display{display:flex;gap:5px;list-style:none;margin:0}.project_tag{padding:2px 5px;border-radius:5px;color:#fff;font-size:12px;margin:0;height:fit-content}.preview_display{display:flex;flex-direction:column;gap:5px;margin-bottom:5px;cursor:pointer}.description{font-size:15px}.expand_button{position:relative;bottom:0;background-color:transparent;border:none;cursor:pointer}.project_content{display:flex;flex-direction:column;gap:10px;margin-right:20px;font-size:15px;padding:20px}.justify_video{display:flex;justify-content:center}.project_paragraph{margin:0;padding:0;text-indent:2ch}.video_preview{width:488.88675px;max-width:100%;height:275px;margin-left:20px;margin-right:20px;border-radius:10px}.github_link{text-align:right}.pong_image{object-fit:contain;width:360px;max-width:100%;outline:1px solid black}.justify_media{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.image_and_caption{display:flex;justify-content:center;flex-direction:column;text-decoration:none}.caption{display:flex;justify-content:center;font-size:12px}.project_image{object-fit:contain;width:400px;max-width:100%}.contact{width:max(600px,40%);max-width:100%;box-sizing:border-box}.contact_container{gap:10px}.contact_item{font-size:15px;display:flex;border-radius:10px;box-shadow:1px 1px 2px #0000004d;border:1px solid rgb(222,222,222);margin-top:20px;color:#000;text-decoration:none}.contact_item:hover{transform:translate(5px);box-shadow:5px 5px 10px #0000004d}.contact_logo{display:inline;width:50px;height:50px;margin:10px}.contact_info{display:flex;flex-direction:column;justify-content:space-around;margin-left:0;padding:10px 10px 10px 5px;flex-grow:1}.contact_title{display:inline;font-weight:700}.copy_button{display:none;width:40px;height:40px;padding:7.5px;background-color:#dcdcdc;margin:10px;border:1px solid gray;border-radius:10px}.copy_button:hover{background-color:#ababab;cursor:pointer}.copy_button:active{background-color:#dcdcdc}.contact_item:hover .copy_button,.copy_tooltip~.copy_button{display:block}.copy_icon{width:25px;height:25px}.copy_button_container{position:relative;display:flex;align-items:baseline;justify-content:center}.copy_tooltip{position:absolute;bottom:60px;background-color:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;white-space:nowrap;z-index:10;pointer-events:none}.copy_tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000c}