.line0 {
display: flex;
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: transparent;
height: 790px;
width: unset;
max-width: 100%;
}
.line0box0outer {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
overflow: unset;
object-fit: unset;
max-width: 100%;
}
.line0box0inner {
color: black;
flex-direction: column;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
overflow: hidden;
object-fit: contain;
font-family: 'Roboto', sans-serif;
max-width: 100%;
}
.line0box0extra {
}
.line0box1outer {
display: flex;
justify-content: center;
align-items: center;
flex: 1;
width: inherit;
max-width: 100%;
}
.line0box1inner {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
overflow: hidden;
max-width: 100%;
}
.line0box1extra {
}

/*reset all a tags*/
body {
    -webkit-tap-highlight-color: transparent;
}

a,
a:hover,
a:active,
a:visited {
    
    cursor: pointer; /* Maintains the pointer cursor for links */
    color: inherit; /* Optional: Ensures text color matches the parent element */
    text-decoration: none; /* Optional: Removes underline from links */
}



/* H Styles */
.h1,
h1 {
    font-family: unset;
    font-size: 34px; /* or within 32px to 36px */
}

.h2,
h2 {
    font-family: unset;
    font-size: 26px; /* or within 24px to 28px */
}

.h3,
h3 {
    font-family: unset;
    font-size: 22px; /* or within 20px to 24px */
}

.h4,
h4 {
    font-family: unset;
    font-size: 19px; /* or within 18px to 20px */
}

.h5,
h5 {
    font-family: unset;
    font-size: 17px; /* or within 16px to 18px */
}

.h6,
h6 {
    font-family: unset;
    font-size: 15px; /* or within 14px to 16px */
}