@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
*{margin: 0;padding: 0;
box-sizing: border-box;
font-family: "Plus Jakarta Sans";
user-select: none;
-webkit-user-select: none;
}
/*BODY */
img{height: 4vh;width: 4vh;}
body{height: 100vh;width: 100vw;
display: flex;
flex-direction: column;
gap:2px;
}

nav{height:10vh; width: 100vw;
display: flex;
justify-content: space-around;
gap:40vw;
align-items: center;
}

article{height:27vh; width: 100vw;
display: flex;
justify-content: space-around;
}
#artdiv{max-width: 50vw;
display: flex;
flex-direction: column;

}
#timepass{height:3vh; width: 100vw;
display: flex;
justify-content:;
align-items: center;
gap:1vh;
}

main{height:50vh; width: 100vw;
display:flex;
flex-direction: column;
gap:2vh;
justify-content: center;
align-items: center;
     overflow: hidden;
}

footer{height:10vh; width: 80vw;
margin:;
display: flex;
align-items: center;
}
h1{font-size: 10pt;font-weight:600; margin-top: 0.5vh;}
h3{font-family: "Inter Tight", sans-serif;
font-weight: 450;
font-size: 23pt;
color: #343A40;
}
h4{font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-size: 18pt;
color: #B8860B;

}
p{font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-size: 7pt;
color:grey;
}
#ballpng{height: 12vh;width: 12vh;margin-bottom: 5vh;
margin-right:vh;

}
#balldiv{display: flex;
justify-content: flex-start;
align-items: center;

}
#artp{max-width: 35vw;margin-top: 1vh;
font-size 15pt
}
h5{font-size: 6pt;
margin-bottom: 12px;
font-weight: 500;
}
#line{margin-left:4vh;}
h2{font-size:12pt;}

/*SECTION*/
section{height: 10vh; width: 85vw;
background-color:;
border-radius: 16px;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.04),
0 8px 24px rgba(0, 0, 0, 0.06);
display: flex;
justify-content: center;
align-items: center;
gap: 42vw;
}
.sech6{font-size:8pt;font-weight: 650;}
.sechp{color: grey;font-size: 6pt;}
.sechdiv2{display: flex;
justify-content: flex-start;
align-items: center;
          gap:2vh;
}
.sechdiv{margin-left:vh;
display: flex;
flex-direction: column;
height: 10vh;
justify-content:center;
gap:0.5vh;
}
.secpng{height: 4vh;width: 4vh;
object-fit: cover;
border-radius: 25%;
}
.footerp{border-top: 1px solid black;
width: 60vw;
margin-left: 9vw;
margin-bottom: 3vh;
}
.contact-btn {
display: inline-block;
padding: 10px 12px;
background: #000;
color: #fff;
text-decoration: none;
border-radius: 8px;
transition: 0.3s;
font-size: 7pt;
}

.contact-btn:hover {
opacity: 0.9;
}
#secondsec{gap:33vw;}
.arrow{font-size: 15pt;}
.card {
transition: transform 0.25s ease;
cursor: pointer;
}

.card:hover {
transform: translateY(-3px);
}

.card:active {
transform: scale(0.98);
}
.muted {
opacity: 0.5;
filter: grayscale(30%);
pointer-events: none;
user-select: none;
cursor: not-allowed;
gap:18vh;
}