:root{--base-color: #3498db;--base-color-hover: #2980b9;--background: #fff;--background-alt: #f8f9fa;--border: #e9ecef;--heading: #343a40;--text: #495057;--shadow: rgba(0, 0, 0, 0.05);--transition: 0.3s ease;--border-radius: 8px;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:16px;line-height:1.6;color:var(--text, #495057);background-color:var(--background, #fff);margin:0;padding:0}body.active{overflow:hidden;z-index:-1}.no-js #experience-timeline>div{background:var(--background, #fff);padding:var(--spacing-md, 1rem);margin-bottom:var(--spacing-md, 1rem);border:1px solid var(--border, #e9ecef);border-radius:var(--border-radius, 8px);box-shadow:0 2px 15px var(--shadow)}.no-js #experience-timeline>div h3{font-size:1.5em;font-weight:500;color:var(--heading, #343a40);display:inline-block;margin:0}.no-js #experience-timeline>div h4{font-size:1.2em;font-weight:400;color:var(--text, #495057);margin:0 0 var(--spacing-sm, 0.5rem) 0}.no-js #experience-timeline>div p{color:var(--text, #495057);font-size:1em;margin:0}.no-js #experience-timeline:before,.no-js #experience-timeline:after{content:none}@keyframes dropHeader{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}header{position:absolute;top:0;left:0;right:0;text-align:center;z-index:10;animation:dropHeader .5s ease forwards}header ul{display:inline-flex;background:var(--background, #fff);text-align:center;padding:var(--spacing-sm, 0.5rem) var(--spacing-md, 1rem);margin:0;border-bottom-right-radius:var(--border-radius, 8px);border-bottom-left-radius:var(--border-radius, 8px);box-shadow:0 2px 10px var(--shadow)}header li{display:inline-block;margin:0 var(--spacing-xs, 0.25rem)}header a{display:block;color:var(--base-color, rgba(91, 137, 168, 0.8));padding:var(--spacing-sm, 0.5rem) var(--spacing-md, 1rem);border-radius:var(--border-radius, 8px);text-decoration:none;font-weight:500;transition:0.2s ease all}header a:hover{color:var(--base-color-hover, rgba(72.0956175299, 110.2151394422, 135.9043824701, 0.8));background-color:var(--background-alt, #f8f9fa);transform:translateY(-2px)}header a:focus{color:var(--base-color, rgba(91, 137, 168, 0.8));outline:none;box-shadow:0 0 0 2px rgba(91,137,168,.3)}header.active{display:block}header.sticky{position:fixed;z-index:999;animation:none;background:var(--background, #fff);box-shadow:0 2px 10px var(--shadow)}#menu.active{display:block}#mobile-menu-open{display:none;cursor:pointer;position:fixed;right:15px;top:10px;color:var(--base-color, rgba(91, 137, 168, 0.8));font-size:1.5em;z-index:20;padding:var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);border-radius:var(--border-radius, 8px);background:var(--background, #fff);box-shadow:0 2px 10px var(--shadow)}#mobile-menu-close{display:none;text-align:right;width:100%;background:var(--background, #fff);font-size:1.5em;padding:var(--spacing-sm, 0.5rem) var(--spacing-md, 1rem);cursor:pointer;color:var(--base-color, rgba(91, 137, 168, 0.8));box-shadow:0 2px 5px var(--shadow)}#mobile-menu-close span{font-size:.5em;text-transform:uppercase;font-weight:500;letter-spacing:.5px}#mobile-menu-close i{vertical-align:middle}footer{padding:var(--spacing-xl, 2rem) 0;background-color:var(--background-alt, #f8f9fa)}.copyright{padding-top:var(--spacing-md, 1rem)}.copyright p{margin:0;color:var(--text, #495057);font-size:.9rem}.top{text-align:center}.top span{cursor:pointer;display:flex;align-items:center;justify-content:center;margin:var(--spacing-md, 1rem) auto 0;width:40px;height:40px;border-radius:50%;border:2px solid var(--border, #e9ecef);background-color:var(--background, #fff);transition:0.2s ease all;box-shadow:0 2px 10px var(--shadow)}.top span:hover{transform:translateY(-3px);box-shadow:0 4px 12px var(--shadow)}.top i{color:var(--text, #495057)}.social{text-align:right}.social ul{margin:var(--spacing-xs, 0.25rem) 0 0 0;padding:0;display:flex;justify-content:flex-end;gap:var(--spacing-xs, 0.25rem)}.social li{display:inline-block;font-size:1.25em;list-style:none}.social a{display:flex;align-items:center;justify-content:center;color:var(--text, #495057);width:40px;height:40px;border-radius:50%;transition:0.2s ease all}.social a:hover{color:var(--base-color, rgba(91, 137, 168, 0.8));background-color:var(--background-alt, #f8f9fa);transform:translateY(-3px);box-shadow:0 4px 12px var(--shadow)}.btn-rounded-white{display:inline-block;color:#fff;padding:var(--spacing-sm, 0.5rem) var(--spacing-lg, 1.5rem);border:2px solid #fff;border-radius:30px;font-weight:500;transition:0.2s ease all;box-shadow:0 4px 12px rgba(0,0,0,.1)}.btn-rounded-white:hover{color:var(--base-color, rgba(91, 137, 168, 0.8));background:#fff;text-decoration:none;transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.1)}.shadow{box-shadow:0 4px 6px var(--shadow)}.shadow-large{box-shadow:0 10px 30px rgba(0,0,0,.1)}.heading{position:relative;display:inline-block;font-size:2.25rem;font-weight:600;margin:0 0 var(--spacing-lg, 1.5rem) 0;color:var(--heading, #343a40)}.heading:after{position:absolute;content:"";top:100%;height:3px;width:50px;left:0;right:0;margin:0 auto;background:var(--base-color, rgba(91, 137, 168, 0.8));border-radius:3px}.background-alt{background:var(--background-alt, #f8f9fa)}#lead{position:relative;height:100vh;min-height:500px;max-height:1080px;background:url(../images/lead-bg.jpg);background-size:cover;background-position:center;padding:var(--spacing-md, 1rem);overflow:hidden}#lead::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}#lead-content{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}#lead-content h1,#lead-content h2{margin:0}#lead-content h1{color:#fff;font-weight:700;font-size:3.5rem;text-shadow:0 1px 3px rgba(0,0,0,.2)}#lead-content h2{color:hsla(0,0%,100%,.9);font-weight:500;font-size:1.75rem;margin-bottom:var(--spacing-lg, 1.5rem);text-shadow:0 1px 2px rgba(0,0,0,.2)}#lead-content .btn-rounded-white{margin-top:var(--spacing-md, 1rem)}#lead-overlay{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;background:rgba(72.0956175299,110.2151394422,135.9043824701,.8);z-index:1}#lead-down{position:absolute;left:0;right:0;width:100%;text-align:center;z-index:10;bottom:15px;color:#fff}#lead-down span{cursor:pointer;display:block;margin:0 auto;width:35px;height:35px;border-radius:50%;border:3px solid rgba(174.3067729084,196.9402390438,212.1932270916,.8);text-align:center}#lead-down i{animation:pulsate 1.5s ease;animation-iteration-count:infinite;padding-top:5px}@keyframes pulsate{0%{transform:scale(1, 1)}50%{transform:scale(1.2, 1.2)}100%{transform:scale(1, 1)}}#about{padding:75px 15px;border-bottom:1px solid #e9ecef}#about h2{color:#343a40}#about p{color:#495057;margin:0}#experience{padding:50px 15px;text-align:center;border-bottom:1px solid #e9ecef}#experience h2{color:#343a40}#experience-timeline{margin:30px auto 0 auto;position:relative;max-width:1000px}#experience-timeline:before{position:absolute;content:"";top:0;bottom:0;left:303px;right:auto;height:100%;width:3px;background:rgba(91,137,168,.8);z-index:0}#experience-timeline:after{position:absolute;content:"";width:3px;height:40px;background:rgba(91,137,168,.8);background:linear-gradient(to bottom, rgba(91, 137, 168, 0.8), rgba(91, 137, 168, 0));top:100%;left:303px}#experience-timeline ul{display:inline-block;background:#fff;text-align:center;padding:10px;margin:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;list-style-type:circle}#experience-timeline li{display:inline-block;color:#6d6868}.vtimeline-content{margin-left:350px;background:#fff;border:1px solid #e6e6e6;padding:15px;border-radius:3px;text-align:left}.vtimeline-content h3{font-size:1.5em;font-weight:300;color:#343a40;display:inline-block;margin:0}.vtimeline-content h4{font-size:1.2em;font-weight:300;color:#7e8890;margin:0 0 15px 0}.vtimeline-content p{color:#495057;font-size:.9em;margin:0}.vtimeline-point{position:relative;display:block;vertical-align:top;margin-bottom:30px}.vtimeline-icon{position:relative;color:#fff;width:50px;height:50px;background:rgba(91,137,168,.8);border-radius:50%;float:left;z-index:99;margin-left:280px}.vtimeline-icon i{display:block;font-size:2em;margin-top:10px}.vtimeline-date{width:260px;text-align:right;position:absolute;left:0;top:10px;font-weight:300;color:#374054}#education{padding:50px 15px 20px 15px;border-bottom:1px solid #e9ecef;text-align:center}#education h2{color:#343a40;margin-bottom:50px}.education-block{max-width:700px;margin:0 auto 30px auto;padding:15px;border:1px solid #e9ecef;text-align:left;background:#f8f9fa}.education-block h3{font-weight:500;float:left;margin:0;color:#343a40}.education-block span{color:#495057;float:right}.education-block h4{color:#495057;clear:both;font-weight:500;margin:0 0 15px 0}.education-block p,.education-block ul{margin:0;color:#495057;font-size:.9em}.education-block ul{padding:0 0 0 15px}#techstack{padding:50px 15px;text-align:center}#techstack h2{color:#343a40;margin-bottom:50px}#techstack ul{display:block;margin:0 auto;padding:0;max-width:800px}#techstack li{display:inline-block;margin:7px;padding:5px 10px;color:#343a40;background:#fff;list-style:none;cursor:default;font-size:1.2em;border-bottom:1px solid #e9ecef}#contact{padding:50px 15px;background:rgba(91,137,168,.8);text-align:center}#contact h2{margin:0 0 15px 0;color:#fff;font-weight:500}#contact-form{max-width:500px;margin:0 auto}#contact-form input,#contact-form textarea{display:block;width:100%;padding:10px;border-radius:4px;border:none;margin-bottom:10px;background:rgba(63.2569721116,96.703187251,119.2430278884,.8);color:#fff;transition:0.3s ease all}#contact-form input::-webkit-input-placeholder,#contact-form textarea::-webkit-input-placeholder{color:#fff}#contact-form input:-moz-placeholder,#contact-form textarea:-moz-placeholder{color:#fff;opacity:1}#contact-form input::-moz-placeholder,#contact-form textarea::-moz-placeholder{color:#fff;opacity:1}#contact-form input:-ms-input-placeholder,#contact-form textarea:-ms-input-placeholder{color:#fff}#contact-form input:focus,#contact-form textarea:focus{outline:none;background:rgba(45.5796812749,69.6792828685,85.9203187251,.8)}#contact-form textarea{height:150px;resize:none}#contact-form button{display:block;width:100%;background:#fff;border-radius:4px;padding:5px 10px;border:none;color:rgba(91,137,168,.8);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:0.3s ease all}#contact-form button:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.optional-section{padding:50px 15px;text-align:center;border-top:1px solid #e9ecef}.optional-section h2{color:#343a40}.optional-section-block{max-width:700px;margin:0 auto 30px auto;padding:15px;border:1px solid #e9ecef;background:#fff;text-align:left}.optional-section-block h3{font-weight:500;margin:0 0 15px 0;color:#343a40}.optional-section-block h4{color:#495057;clear:both;font-weight:500;margin:0 0 15px 0}.optional-section-block p,.optional-section-block ul{margin:0 0 15px 0;color:#495057;font-size:.9em}.optional-section-block ul{padding:0 0 0 15px}@media only screen and (max-width: 750px){#experience-timeline:before,#experience-timeline:after{left:23px}.vtimeline-date{width:auto;text-align:left;position:relative;margin-bottom:15px;display:block;margin-left:70px}.vtimeline-icon{margin-left:0}.vtimeline-content{margin-left:70px}}@media only screen and (max-width: 992px){#lead{height:auto;min-height:auto;max-height:auto;padding:100px 15px}#lead-content{position:relative;transform:none;left:auto;top:auto}#lead-content h1{font-size:3em}#lead-content h2{font-size:1.75em}#about{text-align:center}#about p{text-align:left}}@media only screen and (max-width: 768px){header{position:fixed;display:none;z-index:999;animation:none;bottom:0;height:100%}#mobile-menu-open,#mobile-menu-close{display:block}#menu{height:100%;overflow-y:auto;box-shadow:none;border-radius:0;width:100%}#menu li{display:block;margin-bottom:10px}#lead-content h1{font-size:2em}#lead-content h2{font-size:1.3em}#lead-content a{padding:10px 20px}#lead-down{display:none}.education-block h3,.education-block span{float:none}.project-image{display:none}.project-info{position:relative;margin:0;padding:30px 15px;top:auto;transform:none}footer{text-align:center}.social{text-align:center}}@media only screen and (max-width: 480px){#lead-content h1{font-size:1.5em}#lead-content h2{font-size:1em}#lead-content a{font-size:.9em;padding:5px 10px}}