/**public/global.css**/
@import url('https://fonts.googleapis.com/css2?family=KoHo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@font-face {
  font-family: 'Press Start 2p';
}

@font-face {
  font-family: "digital-7";
  src: url("./fonts/digital-7.ttf");
}

@font-face {
  font-family: 'sandoll-gothicneo1';
  src: url('./fonts/AppleSDGothicNeoR.ttf');
}

@font-face {
  font-family: 'type-formal';
  src: url('./fonts/Typo_Formal_Regular_Demo.otf');
}

/* @font-face {
  font-family: 'sandoll-gothicneo1';
  src: url('./fonts/AppleSDGothicNeoB.ttf');
} */

:root {
	/* --gradient: linear-gradient(90deg, #0072ff 0%, #00d4ff 100%); */
	--light: #fff;
	--grey: #f8f9fa;
	--dark: #333333;
  --black: #000000;
  --blueish: #292772;
  --theme: #102648;
  }
  
  html {
	/* font-family: 'KoHo', sans-serif;
  letter-spacing: -0.5px; */
  
  
  
  /* background-size: 100% 18249px; */
  
	/* scroll-behavior: smooth; */
  }

  body {
    margin: auto !important;
    background-color: transparent !important;
    font-family: sandoll-gothicneo1, sans-serif !important;
    font-style: normal;
    /* font-family: "Apple SD Gothic Neo", sans-serif !important; */
  }

  
  a[data-hs-anchor="true"] {   
    display: block; 
    position: relative; 
    visibility: hidden; 
    top: -100px;  
    }

  .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .main-bgcolor {
	/* background-image: var(--gradient); */
  }
  .theme-color {
    color: var(--theme) !important;
  }
  .dark-color {
	  color: var(--dark) !important;
  }

  .text-color {
    color: var(--black) !important;
  }

  .font-roboto {
    font-family: 'Roboto' !important;
  }

  .font-koho {
    font-family: 'Koho' !important;
  }

  .blue-color {
    color: var(--blueish) !important;
  }

  .light-color {
	color: var(--light) !important;
  }
  .grey-bgcolor {
	background: var(--grey);
  }
  .company_brand {
	font-size: x-large;
	font-family: cursive;
  }
  
  section {
    background: transparent;
  }

  .white-break {
    white-space: break-spaces;
  }  

  .typing::after {
      content: '_' !important;
  }

  .white-cursor .typing::after {
      --cursor-color: '#fff'
  }

  .section-logo {
    width: 60px;
    height: 60px;
  }

  .link-button-container {
    position: absolute;
    width: 100%;
    margin: auto;
  }

  .link-button-wrapper {
    padding: 15px;
    border-radius: 80px;
    background: radial-gradient(70% 80% at center,white,#fdfdfd,#f1f1f1, #969696);
  }

  .link-button {
    background: linear-gradient(90deg, #f1f1f1 0%, #ffffff 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 60px !important;
    border: 2px solid #fff !important;
    font-size: 1.65vw !important;
    font-weight: 500 !important;
    color: #000 !important;
    width: 100% !important;
  }

  .dev {
		box-shadow: 0 0 0 10px red inset; 
	}

  /* .title-container {   
    margin-top: 100px;
    align-items: center;
  }

  .title-container h1 { 
    font-weight: 700;
    font-size: 3vw;
  } */
  @keyframes blink-effect { 50% { opacity: 0; } } 
    
  .blink { animation: blink-effect 1.5s step-end infinite; }

  @media only screen and (max-width: 640px) { 
    html {
      background-size: 100% 15000px;
    }
    section {
      padding: 0;
    }

    .link-button {
      padding: 0 !important;
      font-size: 3.5vw !important;
    }
  }