.footer{bottom:0;padding:10px 0;background-color:#34353a;background-position:50%;background-size:cover;background-repeat:no-repeat;color:#fff}.footer-logo{width:100px}.footer-logo-container,.footer-social-container{justify-items:center}.social-icon{display:flex;gap:15px}.footer-social-icon{width:30px;transition:transform .3s ease}.footer-social-icon:hover{transform:scale(1.1)}.footer-text{font-weight:400;font-size:14px;color:#b8b8b8;letter-spacing:.5px;margin-top:20px}@media (max-width:768px){.footer-logo{width:80px}.social-icon{justify-content:center}}@media (max-width:576px){.footer-logo{width:60px}.footer-text{font-size:12px}}.navbar{transition:background-color 4s ease;transition:all .3s ease-in-out;position:sticky;top:0;background-color:#34353a;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 20px;z-index:1000;transition:.32s ease-in-out;width:100%}.navbar.hidden{display:none}.logo a{display:flex;font-size:24px;font-weight:700;color:#fff;text-decoration:none}.navbar.scrolled{background-color:hsla(0,0%,100%,0);height:60px;display:none}.logo{display:flex}.my-details-cont{padding-top:22px;.name{font-size:larger;font-weight:600}.email{font-size:small}}.navbar-logo{height:100px;width:100px}.socialLinks{display:flex;justify-content:flex-end;align-items:center}.socialLinks a{margin-left:20px;color:#fff;text-decoration:none;margin-right:20px}.navbar-social-icon{width:24px;height:24px;transition:transform .3s ease-in-out}.socialLinks a:hover .navbar-social-icon{transform:scale(1.1)}