:root {
    --collection-1-font-size-onboard-desc: 40px;
}
/**************** INDEX ************************************/
.frame-image-welcome {
  padding-top: 5%;
  padding-bottom:2%;    
  text-align: center;
  color: #fff;
}

.welcome-to-parent { 
  top: 30%;        
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; 
  color:#fff;
}

.northstar-full-icon { 
  width: 80%; /*Responsive width based on viewport */
  object-fit: contain; /* Ensure the logo fits within the container */
}

northstar-full-icon_old {
  width: 100%;
  height: 100%;
}

/** Index **/

body {
    background-image: url('/static/Frame 2.jpg');
    background-size: cover;
}

.container,
#inputForm {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-image: url('/static/Rectangle 591.png');
    background-size: cover;
}

.welcome {
    flex: 0 auto;
}

.welcome-to, .frm-logo-welcome, .text-wrapper {
    text-align: center;
    color: #fff;
    font-size: var(--collection-1-font-size-onboard-desc);
    font-family: "Inter", sans-serif;
    font-weight: normal;
}

.welcome-to, .text-wrapper {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.img-northstar {
    max-width: 90%;
}