.navbar a {
     position: relative;
     font-size: 1.7rem;
     color: var(--text-color);
     font-weight: 500;
     margin-right: 3.5rem;
 }
 
 #darkMode-icon {
     font-size: 2.4rem;
     color: var(--text-color);
     cursor: pointer;
 }
 
 .tab-title {
     display: flex;
     align-items: center;
     justify-content: space-around;
     cursor: pointer;
 }
 
 .tab-links {
     margin-right: 50px;
     font-size: 16px;
     font-weight: 500;
     cursor: pointer;
     position: relative;
 }
 
 .tab-links::after {
     content: '';
     width: 0;
     height: 3px;
     background: #ff004f;
     position: absolute;
     left: 0;
     bottom: -8px;
     transition: 0.5s;
 }
 
 .tab-links.active-link {
     font-size: 4rem;
     justify-content: center;
     font-weight: 700;
 }
 
 .tab-links.active-link::after {
     width: 80%;
 }
 
 .portfolio .portfolio-container {
     display: none;
 }
 
 .portfolio .portfolio-container.active-tab {
     display: grid;
 }