.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px}.hero-content{display:flex;align-items:center;width:100%;height:100vh}.hero-text{padding-left:50px;width:50%;display:flex;flex-direction:column;justify-content:left;align-items:flex-start}.hero-text h1{color:var(--text-color);font-size:35px;margin-bottom:20px}.hero-text h2{color:var(--orange-color);font-size:30px;margin-bottom:20px}.hero-text p{color:var(--text-color);font-size:20px;margin-bottom:30px}.hero-image{overflow:hidden;width:50%;height:100%;display:flex;justify-content:center;align-items:center;background:url(./Profile.webp);background-size:contain;background-position:center;background-repeat:no-repeat}.hero-image-overlay{position:absolute;top:100px;right:0;width:50%;height:100%;background:transparent;transition:background .3s ease}.hero-image-overlay:hover{background:var(--background-color-transparent)}.hero-buttons{width:100%;display:flex;justify-content:space-evenly}.hero-button{position:relative;padding:10px 20px;background:transparent;color:var(--text-color);border:3px solid var(--text-color);border-radius:10px;cursor:pointer;gap:50px;z-index:1}.hero-button-hover-effect{z-index:0;position:absolute;left:0;top:0;height:100%;border-radius:10px;width:0%;background:var(--orange-color-transparent);transition:width .3s ease}.hero-button:hover .hero-button-hover-effect{width:100%}.hero-button:active{color:var(--orange-color)}.logo-container{display:flex;align-items:center;text-decoration:none;color:var(--orange-color)}.logo-container h2{margin-left:10px;font-size:24px;font-weight:100}.logo{margin-left:20px;width:50px;height:auto;background:var(--logo-background);border-radius:10px}nav ul{list-style:none;display:flex;gap:30px}nav ul li button{text-decoration:none;color:var(--text-color);border:none;background:none;font-size:18px;cursor:pointer}nav ul li button:active,.select{color:var(--orange-color)}nav ul li button:hover{width:max-content;color:var(--orange-color);transition:color .3s ease}footer{display:flex;height:40px;flex-direction:row;justify-content:space-between;color:var(--text-color);text-align:center;z-index:5}footer div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}footer div a{margin-bottom:5px}footer div a img{width:40px;height:40px;border:2px solid #000;padding:5px;margin-left:10px;margin-bottom:5px;border-radius:50%;color:var(--text-color);filter:invert(100%) sepia(4%) saturate(1335%) hue-rotate(210deg) brightness(113%) contrast(92%)}footer div a img:hover{transition:filter .3s ease;transform:scale(1);filter:invert(50%) sepia(50%) saturate(4214%) hue-rotate(338deg) brightness(96%) contrast(93%)}:root{--logo-background: #f5f5f510;--background-color: #2E3845;--background-color-transparent: #2e3845ce;--text-color: #f5f5f5;--orange-color: #EC593A;--orange-color-transparent: #ec583a71}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background-color:var(--background-color);color:var(--text-color)}