footer{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;flex-wrap:wrap;background-color:#0d0d0f}.social-icons a{margin-right:15px;display:inline-block;transition:transform .3s,filter .3s}.social-icons img{width:24px;height:24px;filter:grayscale(1) brightness(1.5)}.social-icons a:hover img{filter:none;transform:scale(1.1)}.brand{gap:10px}.brand,.logo-box{display:flex;align-items:center}.logo-box{background-color:#fff;padding:4px;border-radius:6px;justify-content:center}.logo-box img{width:24px;height:24px}.brand-name{font-style:italic;color:#fff;font-size:2rem;font-family:serif}.copyright{font-size:1rem;color:#aaa}@media (max-width:768px){footer{flex-direction:column;align-items:flex-start;text-align:center;gap:20px 0;padding:30px 25px}.brand,.social-icons{order:1}.social-icons{order:2}.copyright{order:3}}header{position:sticky;top:5px;z-index:1000;border-radius:15px;margin:0 120px;background:linear-gradient(#060606,#3c3b3ba1) padding-box,linear-gradient(var(--angle),#6b6b6b,#384ce0) border-box;border:1px solid #1b1b1b;animation:rotate 6s linear infinite}@keyframes rotate{to{--angle:360deg}}@property --angle{syntax:"<angle>";initial-value:1deg;inherits:false}header,header ul{display:flex;justify-content:space-evenly;align-items:center;font-family:Source Sans Pro Topnav,sans-serif}header ul{width:50%;margin:10px 0}header ul li{list-style:none;color:#F7F7F7}.nav-route li{color:#ffffff}.contact-btn{width:137px;height:48px;padding-right:24px;padding-left:24px;border-radius:1000px;border-width:2px;background-color:#13161B;color:#F7F7F7;cursor:pointer}.brand-card-name{font-family:emoji;font-style:italic;font-weight:500;letter-spacing:-1px;font-size:2rem;margin-left:8px}.brand-card{justify-content:left}.brand-contact{justify-content:right;padding-right:20px}.brand-card-icon{display:inline-flex;text-decoration:none}.resume-card,a{text-decoration:none;cursor:pointer!important}.nav-route li:hover{color:white;font-size:1.1rem;transform:translateY(-2px);text-shadow:0 0 8px rgba(255,255,255,.5)}.contact-btn:hover{color:#ffffff;box-shadow:0 0 15px rgba(129,120,138,.6),0 0 25px rgba(176,171,171,.4);transform:translateY(-3px)}.header-right,.sidenav{display:none}.hover-underline{position:relative;display:inline-block}.hover-underline:after,.hover-underline:before{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(90deg,#919191,#ffffff);bottom:-5px;font-size:1.5rem;left:0;transform:scaleX(0);transform-origin:right;transition:transform .4s ease-out}.hover-underline:before{transform-origin:left}.hover-underline:hover:after,.hover-underline:hover:before{transform:scaleX(1)}@media screen and (max-width:768px){header{background-color:#0a0d12;border:unset;border-radius:unset;top:0;margin:0;padding:12px 6px}header ul{width:100%;padding:0}header ul li{font-size:10px}.nav-route li{padding-right:8px}.contact-btn{width:130px;height:40px}header,header ul{justify-content:center}.brand-contact{display:flex;padding-right:8px}.brand-card{padding:0 0 0 6px}.brand-card-name{font-size:1.7rem}.nav-route{display:none}.nav-route li:hover{color:white;font-size:1.1rem;transform:translateY(-2px);text-shadow:0 0 8px rgba(255,255,255,.5)}.contact-btn:hover{box-shadow:unset}.brand-contact{display:none}.header-right{display:block;height:30px;width:30px;margin-right:1rem}.sidenav{display:flex;height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background-color:rgba(0,0,0,.8);overflow-x:hidden;transition:.5s;padding-top:4rem;flex-direction:column}.sidenav a{text-align:center;padding:.8rem;font-size:1.5rem;color:#ffffff;list-style:none}.sidenav .closebtn{position:absolute;top:0;right:1rem;font-size:36px;margin-left:50px;color:#F7F7F7;background-color:black}}