.App{background:#1e1e1e;width:100%}html{scroll-behavior:smooth!important}.knowme{overflow:hidden}.home{width:100%;height:100%;overflow:hidden}@media (min-width:768px){.classsec{-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:y mandatory;height:100vh;overflow-y:scroll}.classsec::-webkit-scrollbar{display:none}section{scroll-snap-align:start}}
.intro{justify-content:space-between;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.space-background{z-index:0;width:100vw;height:100vh;position:absolute}.introContent{z-index:3;background-color:#0000;flex-direction:column;justify-content:space-around;height:100%;padding:1rem 0 0 2rem;display:flex}.imageContainer{z-index:0;justify-content:center;align-items:center;width:50%;height:100%;display:flex}.parah1{color:#fff;flex-direction:column;font-size:5rem;font-weight:900;display:flex}.parah2{color:#fff;font-size:3rem;font-weight:700}.parah3{color:#fff;padding-bottom:2rem;font-size:1.5rem;font-weight:600}.yellow{color:#ff0}.image{object-fit:cover;z-index:3;width:120%;height:120%;position:relative;left:10%;overflow:visible}@media (max-width:767px){.parah1{font-size:3rem;font-weight:900}.parah2{text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,2px 2px #000,-2px -2px #000,-2px 2px #000,2px -2px #000;font-size:2rem;font-weight:700}.parah3{text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,2px 2px #000,-2px -2px #000,-2px 2px #000,2px -2px #000;font-size:.8rem;font-weight:700}.introContent{padding:1rem}.intro{height:calc(100vh - 40px);margin-top:40px}}