.cv-page { background: var(--paper-bg); max-width: 1200px; margin: 2rem auto; box-shadow: var(--shadow-lg); border: 1px solid var(--border-color); transform: scale(0.95); transform-origin: top center; transition: transform 0.3s ease; } /* Page Content Grid */ .page-content { display: grid; } /* Page 1: Left sidebar + Main content */ .page-1 .page-content { grid-template-columns: 300px 1fr; } /* Page 2: Main content + Right sidebar */ .page-2 .page-content { grid-template-columns: 1fr 300px; } /* Sidebar positioning */ .cv-sidebar-left { grid-column: 1; grid-row: 1; } .cv-sidebar-right { grid-column: 2; grid-row: 1; text-align: right; } /* Main content positioning */ .page-1 .cv-main { grid-column: 2; grid-row: 1; } .page-2 .cv-main { grid-column: 1; grid-row: 1; } /* =============================================== FOOTER STYLES =============================================== */ .cv-footer { background: #303030; color: #ccc; padding: 20px 0; margin: 0; grid-column: 1 / -1; /* Span all columns */ } .footer-content { list-style: none; text-align: center; margin: 0; padding: 0; } .footer-content li { display: inline-block; margin: 0; } .footer-content li > div { display: inline-block; margin: 0 20px; text-align: left; } .footer-label { width: 200px; font-size: 1.7em; } .footer-value { width: 450px; font-size: 1em; } .footer-value b { font-weight: normal; font-size: 1.7em; } .footer-separator { position: relative; left: -4%; font-size: 0.6em; } .footer-separator i { opacity: 0.3; } .cv-footer a { color: inherit; } .cv-footer a:hover { color: #0275d8; text-decoration: none; }