*{text-align:center;font-family:Poppins}html,body{margin:0;padding:0;width:100%;height:100%}.row-container{width:100%;margin:0;padding:0;box-sizing:border-box}.column-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:1%}.row-container{display:flex;flex-direction:row;justify-content:center;align-items:center}#grey{background-color:#ebebeb}.header{font-size:300%;border-radius:10px;box-shadow:2px 2px 4px #00000080;background-color:#fff;padding:10px;margin-bottom:1px}.desc{font-weight:400;font-size:100%}.titles{font-size:250%;border-radius:10px;padding:10px;margin-bottom:1%}.tags{text-decoration:none;color:#171b6d;transition:background-color .5s ease}.tags:hover{background-color:#a39f9f80;border-radius:5px}.button{width:75px;height:50px;border-radius:10px;border-width:0px;box-shadow:2px 2px 2px #00000080;font-weight:700;font-size:15px;text-align:center;margin:0% 1% 1%;transition:background-color .4s ease}.button:hover{background-color:#a39f9f80;cursor:pointer}#scroll-to-top-button{position:fixed;bottom:20px;right:20px;z-index:1000;color:#333;background-color:#fff;box-shadow:0 2px 5px #0000000d;transition:all .3s ease}#scroll-to-top-button:hover{color:#bf5700;box-shadow:0 4px 8px #0003;transform:translateY(-5px)}nav ul li a{cursor:pointer;text-decoration:none}@media only screen and (max-width:800px){.column-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;padding-bottom:2%}.row-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw}.header{font-size:150%;border-radius:10px;box-shadow:2px 2px 4px #00000080;background-color:#fff;padding:10px;margin-bottom:1px}.desc{font-weight:400;font-size:70%;padding-left:5%;padding-right:5%}.titles{font-size:120%;border-radius:10px;box-shadow:2px 2px 4px #00000080;background-color:#fff;padding:10px;margin-bottom:1%}.button{width:85px;height:50px;font-size:90%;color:#000}}#pfp{width:30%;height:60%;border-radius:10px;box-shadow:2px 2px 4px #00000080;margin:10px}#name{transition:color .4s ease}#bio{padding:1%}#name:hover{color:#bf5700}#contact-container{display:flex;width:100%;justify-content:center;align-items:center;gap:2rem;margin-top:1.5rem}.contact-item{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#333;font-size:1rem;font-weight:500;padding:.6rem 1.2rem;border-radius:8px;background-color:#fff;box-shadow:0 2px 5px #0000000d;transition:all .3s ease}.contact-item:hover{color:#bf5700;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.contact-icon{display:flex;align-items:center;font-size:1.2rem}@media only screen and (max-width:800px){#pfp{width:20vw}#contact-container{flex-direction:column;gap:1rem}.contact-item{width:80%;justify-content:center}}#bar-chart{width:900px}@media only screen and (max-width:800px){#bar-chart{width:400px}}#projects{align-items:stretch;width:100%;flex-wrap:wrap}#click{margin:0 0 1%;font-weight:400}#project-container{display:flex;flex-direction:column;justify-content:flex-start;border-radius:12px;box-shadow:0 4px 12px #00000014;background-color:#fff;width:22%;padding:1.5%;margin:1%;cursor:default;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #eaeaea}#project-container:hover{transform:translateY(-5px);box-shadow:0 8px 20px #bf570033}#project-title{text-align:center;font-size:1.4rem;margin-bottom:8px;color:#333}.desc{text-align:left;font-size:.95rem;line-height:1.5;color:#555;margin-bottom:20px}.tech-stack-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tech-pill-project{background-color:#f3f4f6;color:#374151;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid #d1d5db;transition:background-color .2s}@media only screen and (max-width:800px){#projects{display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:95%}#click{height:0;font-size:0}#project-container{width:90vw;margin:10px auto;padding:20px}#project-title{font-size:1.2rem}}.hobbies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:40px auto;padding:0 20px}.hobby-card{background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease}.hobby-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #bf57001f}.hobby-image-container{width:100%;height:200px;background-color:#f8f9fa;border-bottom:1px solid #eee}.hobby-image{width:100%;height:100%;object-fit:cover}.hobby-content{padding:1.5rem;text-align:left}.hobby-name{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#111}.hobby-description{font-size:.95rem;color:#4b5563;line-height:1.6;margin:0}@media only screen and (max-width:600px){.hobbies-grid{grid-template-columns:1fr;padding:0 10px}}.experience-container{max-width:900px;margin:0 auto}.timeline{position:relative;margin:0 auto;padding:20px 0}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#e5e7eb}.timeline-item{position:relative;padding-left:60px;margin-bottom:40px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:11px;top:24px;width:20px;height:20px;border-radius:50%;background:#bf5700;border:4px solid #fff;z-index:2;box-shadow:0 0 0 2px #bf5700}.timeline-content{background:#ebebeb;padding:24px;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d}.timeline-content:hover{transform:translate(10px);background:#f5f5f5;box-shadow:0 10px 15px -3px #bf570033}.experience-name{margin:0 0 8px;font-size:1.5rem;color:#111827}.experience-dates{font-size:.875rem;font-weight:700;color:#bf5700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.experience-description{color:#4b5563;line-height:1.6;margin-bottom:20px}.experience-techstack{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.tech-pill-exp{background-color:#fff;color:#374151;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid #d1d5db;transition:background-color .2s}.tech-pill-exp:hover{background-color:#e5e7eb}@media(max-width:640px){.experience-container{padding:40px 15px}.timeline:before{left:15px}.timeline-dot{left:6px}.timeline-item{padding-left:45px}.experience-name{font-size:1.25rem}}nav{background-color:#333;padding:10px;position:fixed;width:100%;top:0;z-index:10}nav ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;align-items:stretch;gap:1%}nav li{display:inline;margin-right:20px}nav a{text-decoration:none;color:#fff;font-weight:700;padding:5%;transition:color .4s ease}nav a:hover{color:#bf5700}#section1{padding-top:3%}@media only screen and (max-width:800px){nav{background-color:#333;padding:10px 0;position:fixed;width:100vw;top:0;overflow-x:auto;white-space:nowrap}nav ul{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;padding:0 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;list-style-type:none;margin:0}nav ul::-webkit-scrollbar{display:none}nav ul{-ms-overflow-style:none;scrollbar-width:none}nav li{flex:0 0 auto;margin-right:0}nav a{display:inline-block;padding:10px 15px;white-space:nowrap}#section1{padding-top:12%}}