@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Gasoek+One&family=Google+Sans+Code:ital,wght,MONO@0,300..800,1;1,300..800,1&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Notable&display=swap');

body{
    margin: 0;
    overflow: hidden;
}

.back-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: rgb(194, 194, 194);
    text-decoration: none;
}

#tswashere {
    font-family: blowbrush;
    letter-spacing: 7px;
    position: absolute;
    bottom: 20px;
    left: 44px;
    z-index: 100;
}

.masthaye{
    background: linear-gradient(to right, #16e16e, #ffffff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-text h1 {
    font-size: 9vw;
    margin: 0;
    background: url('/images/hero.png') center/cover no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

#low-hero-text{
    font-size: 40vh;
}


#hello {

  background: url('/images/bg.png') center/cover no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(255, 255, 255, 0.25);;

  font-size: 20vw;
  font-family: "Notable";
}

#hello2 {

  background: url('/images/bg.png') center/cover no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(255, 255, 255, 0.25);;

  font-size: 17vw;
  font-family: "Notable";
}

.nav-link {
    border: 2px solid white;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    text-decoration: none;

    backdrop-filter: blur(5px);
    text-shadow: 1px 1px 4px black;

    transition: 0.3s;
}

.nav-link:hover {
    background: white;
    color: black;
    text-shadow: none;
}

.badge{
    width:250px;
    height:290px;
    background:#FFC20E;
    border:4px solid white;
    border-radius:110px 110px 8px 8px;
    box-shadow:inset 0 0 0 3px #f49b00;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}

.real-india{
    font-family:"Notable";
    font-weight:900;
    font-size:3.6rem;
    line-height:.82;
    color:#003b73;
    text-align:center;
}

.badge button{
    margin-top:18px;
    border:none;
    border-radius:8px;
    background:white;
    color:#003b73;
    font-weight:700;
    padding:10px 45px;
    font-size:1.2rem;
}