/*-----------------------------------*\
  #CUSTOM PROPERTY
\*-----------------------------------*/

:root {

    /**
     * COLORS
     */

    /** Background colors */
    --bg-black: #000000;
    --bg-white: #FFFFFF;
    --olive: #ffffff;
    --dark-olive: #000000;


    /** Text colors */
    --text-white: #FFFFFF;
    --text-gray: #FFFFFF;
    --grey-700: #FFFFFF;
    --grey-900: #FFFFFF;
    --black: #000000;


    /** Gradient colors */
    --gradient-1: linear-gradient(90deg, #0ea5ea, #0bd1d1 51%);
    --gradient-2: linear-gradient(90deg, #0ea5ea, #0bd1d1 51%, #0ea5ea);
    --gradient-3: linear-gradient(0deg, #000d1a, transparent);
  
    /** Border colors */
    --border-wild-blue-yonder: hsla(216, 33%, 68%, 1);
    --border-prussian-blue: hsla(216, 33%, 20%, 1);
    --border-white: hsl(0, 0%, 100%);
    --border-white-alpha-15: hsla(0, 0%, 100%, 0.15);
    --grey-500: hsla(168, 12%, 75%, 1);
    --dark-500: #333333;
  
    /** Default colors */
    --white: hsl(0, 0%, 100%, 1);
    --black: hsl(0, 0%, 0%, 1);
  
    /**
     * TYPOGRAPHY
     */
  
    /** OLD Font family 
    --fontFamily-machine: 'MachineITC', sans-serif;
    --fontFamily-road-medium: "RoadUI-Medium", sans-serif;
    --fontFamily-road-bold: "RoadUI-Bold", sans-serif;*/
	
	
	/** NEW Font family*/
	--fontFamily-machine: "Courier New", monospace; 
    --fontFamily-road-medium: "Montserrat-Regular", sans-serif;
    --fontFamily-road-bold: "Montserrat-Regular", sans-serif;
	

    /** Font size */
    --fontSize-1: 2.9rem;
  
    /** Font weight */
    --weight-medium: 500;
    --weight-semiBold: 600;
    --weight-bold: 700;
    --weight-extraBold: 800;
  
    /** Line height */
    --lineHeight-1: 1.3;
    --lineHeight-2: 1.5;
    --lineHeight-4: 1.5;
  
    /**
     * BOX SHADOW
     */
  
    --shadow-1: 0 8px 20px 0 hsla(0, 0%, 0%, 0.05);
    --shadow-2: 0px 3px 20px hsla(180, 90%, 43%, 0.2);
  
    /**
     * BORDER RADIUS
     */
  
    --radius-6: 6px;
    --radius-8: 8px;
    --radius-16: 16px;
    --radius-48: 48px;
    --radius-circle: 50%;
    --radius-pill: 200px;
  
    /**
     * SPACING
     */
  
    --section-padding: 70px;
  
    /**
     * TRANSITION
     */
  
    --transition-1: 0.25s ease;
    --transition-2: 0.5s ease;
    --cubic-in: cubic-bezier(0.51, 0.03, 0.64, 0.28);
    --cubic-out: cubic-bezier(0.05, 0.83, 0.52, 0.97);
  
  }