body{height:100%;margin:0;padding:0;font-family:Roboto,sans-serif;scroll-behavior:smooth}section{position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;transition:transform .5s ease-in-out,background-color .3s ease,color .3s ease;z-index:1000;padding:40px 60px 40px 70px}.navbar.hidden{transform:translateY(-100%);transition:transform .5s ease-in-out}.navbar.visible{transform:translateY(0);transition:transform .5s ease-in-out}.navBar-buttons-container{display:flex;gap:20px}.navBar-button{color:inherit;cursor:pointer;padding:10px 15px;transition:transform .2s ease-in-out}.navBar-button:hover{transform:scale(1.08)}.logo{font-size:20px}.home-section{background-color:#909595;color:#fff;height:100vh;width:110%;position:relative}.jobTitle{position:absolute;top:38%;right:8%;font-size:30px;color:#fff;display:flex;flex-direction:column;gap:0;padding-right:90px}.jobTitle p{margin:0}.locationText{position:absolute;top:40%;left:5%;font-size:18px;color:#fff;display:flex;flex-direction:column;gap:0}.locationText p{margin:0}.nameMovingText{position:absolute;top:50%;color:#fff;font-size:200px;font-weight:400;white-space:nowrap;padding-left:80px}.about-section{background-color:#fff;height:70vh;width:100%;display:flex;flex-direction:column;justify-content:center;color:#000;padding:20px;position:relative}.iLoveText{font-size:48px;font-weight:lighter;margin:20px auto 0;text-align:center}.aboutMeText{color:#909595;font-size:16px;padding-left:280px;margin-top:50px;text-align:left;font-weight:400}.whyCSTparagraph{width:600px;font-size:25px;margin:20px auto;text-align:center}.icon-container{display:flex;gap:60px;margin-top:50px;justify-content:center}.icon{font-size:50px;color:#000;position:relative;cursor:pointer;transition:color .3s ease}.icon-name{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);opacity:0;font-size:18px;color:#000;transition:opacity .3s ease,transform .3s ease}.icon:hover .icon-name{opacity:1;transform:translate(-50%) translateY(10px)}.icon:hover{transform:scale(1.2);transition:transform .3s ease,color .2s ease}.projects-section{background-color:#fff;height:65vh;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:20px;margin:0}.recentWorkText{color:#909595;font-size:16px;padding-left:100px;margin-bottom:15px;margin-top:50px;text-align:left;font-weight:400}.button-container{display:flex;flex-direction:column;gap:22px;padding-left:200px}.project-button{color:#252525;cursor:pointer;font-size:50px;border:none;background:none;text-align:left;padding:6px 6px 6px 100px;transition:transform .2s ease-in-out}.project-button:hover{transform:scale(1.05)}.divider{width:200%;border:.5px solid #ddd;background-color:#909595;border-radius:10px;margin:10px 0}.caseStudies-section{background-color:#fff;height:90vh;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:20px;margin:0}.caseStudiesText{color:#909595;font-size:16px;padding-left:100px;margin-bottom:15px;text-align:left;font-weight:400}.button-container2{display:flex;flex-direction:column;gap:22px;padding-left:200px}.casest-button{color:#252525;cursor:pointer;font-size:50px;border:none;background:none;text-align:left;padding:6px 6px 6px 100px;transition:transform .2s ease-in-out}.casest-button:hover{transform:scale(1.05)}.divider2{width:102%;border:.5px solid #ddd;background-color:#909595;border-radius:10px;margin:10px 0}.contact-section{background-color:#909595;color:#fff;height:50vh;width:110%;display:flex;padding:0;justify-content:flex-start;box-sizing:border-box;align-items:center}.textContainer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px;padding-left:350px;margin-bottom:20px}.ContactMeTEXT{color:#fff;font-size:50px;text-align:left;font-weight:400}.Text{gap:5px}.lmmhTEXT{font-size:40px}.contact-left{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:50px;color:#f0f0f0}.contact-right{display:flex;flex-direction:column;justify-content:center;width:25%;padding:20px;border:2px solid white;border-radius:15px;box-sizing:border-box;margin-left:150px;margin-top:20px}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{padding:10px;border:none;border-radius:5px;width:95.5%;background-color:#f0f0f0;color:#333}.contact-form textarea{resize:vertical;max-height:100px;overflow-y:auto}.contact-form button{padding:12px 20px;background-color:#fff;color:#000;border:none;border-radius:5px;cursor:pointer;transition:background-color .4s ease;width:100%}.contact-form button:hover{background-color:#000;color:#f0f0f0}.contact-left a{text-decoration:none}.contact-icon{font-size:60px;color:#fff;transition:transform .3s ease,color .2s ease}.contact-icon:hover{transform:scale(1.2);color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}