/* 
  * Project: PrizeStrike
 * File: main.css
 * Description: 
 This is for all CSS to use across the application.
 * Author: Thomas Doan

 * Last Modified: 24th August 2025
 * 
 * Notes:
 .  
 --navbar-heights: 68px;  We need to know this height for sign-up page.
 We need this figure to be able to set the height of the main panel on the sign-up page.
 so when the screen gets shorter it does not go over the top of the navbar 
 
 
 */
 
  
  
  
  
  :root{
    --bg: #FFFFFF;
    --text: #718096;
    --navbar-heights: 68px; 
    --linear-colors-gradient: linear-gradient(60deg, #3367b3, #5a81d1);
  
  
  * { 
    box-sizing: border-box;
   }
    body {
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
      color: var(--text);
      overflow-x: hidden;
      
    }
  }
    /* .shared_layout_navbar a {
      text-decoration: none;
      color: black;
      padding: 14px 20px;
    }
    .shared_layout_navbar a:hover {
      background-color: #ddd;
    } */