/*
Theme Name: Metricsolve Theme (Auto Page)
Author: You
Description: Minimal theme that creates a sample page on activation.
Version: 1.5
Text Domain: metricsolve
*/
body { margin:0; font-family: Arial, sans-serif; background:#fff; }
.header { height:30vh; background:#f9f9f9; display:flex; align-items:center; justify-content:center; text-align:center; padding:20px; }
.header h1 { margin:0; font-size:28px; }
.body { padding:40px; font-size:18px; text-align:center; }
.menu-btn { position:fixed; top:20px; left:20px; width:30px; cursor:pointer; z-index:1002;}
.menu-btn div { height:4px; background:#333; margin:6px 0; }
.side-menu { position:fixed; left:-250px; top:0; width:250px; height:100%; background:#222; color:#fff; padding:40px 20px; transition:0.3s; z-index:1003;}
.side-menu.active { left:0; }
.side-menu ul { list-style:none; padding:0; }
.side-menu li { margin:20px 0; font-size:18px; }
/* overlay covers the page when menu open */
.menu-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:1001; }
.menu-overlay.active { display:block; }