body{font-family:Arial,Helvetica,sans-serif;color:#000;background:linear-gradient(45deg,#c5c8ce,#2356c5);min-height:100vh;margin:0;padding:0}.home-page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2px;margin:0;padding-top:60px}.welcome-message{font-weight:700;font-size:50px;color:#000}.header{background-color:#000000b3;color:#fff;display:flex;align-items:center;justify-content:space-between;top:0;right:0;left:0;position:fixed;height:50px}.left-section,.right-section{display:flex;align-items:center}.middle-section{display:flex;align-items:center;gap:20px;margin:0 auto}.middle-section{display:flex;align-items:center;gap:20px;position:absolute;left:50%;transform:translate(-50%)}.left-section{justify-content:flex-start;display:flex;gap:10px;align-items:center;padding-left:10px}.link-element{border:none;background:none;color:#fff;padding:0 10px;font-size:16px;cursor:pointer;border-bottom:2px solid transparent;transition:border-color .3s;position:relative;text-decoration:none}.link-element:hover,.link-element.active-link{border-bottom-color:#fff}.link-element:active{border-bottom:white}.middle-section .divider{width:1px;height:20px;background-color:#ffffff80;margin:0 5px}.icon{height:40px;cursor:pointer}.resume-button{margin:10px;padding:10px 20px;background-color:#0a2f7a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .25s ease}.resume-button:hover{background-color:#1f5eff;transform:translateY(-2px);box-shadow:0 6px 15px #00000040}.resume-button:active{transform:translateY(0);box-shadow:0 3px 8px #0003}.projects-page-title{display:flex;justify-content:center;margin-top:80px;font-size:40px;font-weight:700;color:#fff}.projects-page{background-color:#070738;padding-top:50pxpx;display:flex;flex-direction:column;min-height:100vh}.projects-container{margin:40px auto;display:flex;gap:80px;justify-content:center;color:#fff}.project-row{display:flex;gap:40px;border:2px solid;border-color:#fff;border-radius:12px;padding:30px}.project-row.reverse{flex-direction:row-reverse}.project-image img{width:100%;max-width:500px;border-radius:12px;box-shadow:0 10px 25px #00000026}.project-content{max-width:500px}.project-content h2{font-size:32px;margin-bottom:10px;color:#006aff}.project-content p{font-size:20px;margin-bottom:15px}.project-content a{text-decoration:none;font-weight:700;color:#006aff;border:2px solid;padding:8px;border-radius:12px}.view-project-container{margin-top:150px}