@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap";:root{--primaryFont: "Inter Tight", sans-serif;--primaryColor: #0c0c0f;--secondColor: whitesmoke;--bgLineColor: rgb(30, 30, 30);--thirdColor: #18181c;--hoverColor: #202023}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:#adff2f;color:var(--primaryColor)}::-moz-selection{background:#adff2f;color:var(--primaryColor)}html{font-size:16px;scroll-behavior:smooth}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;height:100vh;width:100%;color:#f5f5f5;font-family:var(--primaryFont);background-size:70px 70px;background-image:repeating-linear-gradient(to right,var(--bgLineColor),var(--bgLineColor) 1px,var(--primaryColor) 1px,var(--primaryColor))}a{color:inherit}#root{min-height:100vh}.headerEl{padding:0;width:100%;position:relative}.header{display:flex;justify-content:center;padding:1.3em;color:#f5f5f5}.firstHeaderT{font-size:1.6em;font-weight:700;line-height:1;position:relative;cursor:pointer}.secondHeaderT{font-size:1em;font-weight:300}.overFlow{overflow:hidden}.socilWrapper a div{display:inline-block;padding:0 .1em;opacity:.6}.socilWrapper a div:hover{color:#adff2f;opacity:1;transition:.6s cubic-bezier(.075,.82,.165,1)}.socilWrapper{margin:.5em 0 0}.footerWrapper{display:flex;justify-content:space-between;font-size:.7em;width:100%;margin:0 auto;max-width:640px;opacity:.5}.sectionWrapper{max-width:678px;width:100%;margin:0 auto 1.5em;padding:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid .cardBody img{width:60%;margin:0 0 1em}.sectionWrapper h5{text-transform:uppercase;opacity:.4;font-weight:500;letter-spacing:.2rem;padding:.2em 0}.cardBody{background-color:var(--thirdColor);text-align:center;height:250px;padding:2em;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.5em}.cardBody:hover{background:var(--hoverColor)}.cardBody h4{font-weight:600}.cardBody h6{font-weight:400;opacity:.4;font-size:.8em}.img-group-container{height:400vh;position:relative}.img-group-container .di{position:sticky;top:20vh;left:0;overflow:hidden;height:100vh}ul.img-group{display:flex}ul li{list-style:none;padding-left:0}.img-container video{width:300px;height:400px}.img-container{background-color:var(--thirdColor);border-radius:.5em;margin-right:1em}.img-gradient{position:sticky;top:-300%;z-index:1;pointer-events:none;border-radius:100px;width:190px}.img-gradient a{text-decoration:none;font-size:1em;text-transform:uppercase;font-weight:700;color:var(--primaryColor);display:flex;align-items:center;background-color:#adff2f;padding:.5em;border-radius:.1em}.workedWith{opacity:.7;text-transform:capitalize;margin:0 1em 0 0;display:inline-block}.flex{display:flex}#worked{margin-top:-300px}.postDate{opacity:.5;margin-bottom:1.5em;display:block}.blogpost-container{max-width:678px;width:100%;margin:0 auto 1.5em;padding:20px}.blogs{background:var(--thirdColor)}.blogs{border-radius:.5em;overflow:hidden}.blogs a{padding:1em;border-bottom:solid rgba(255,255,255,.115) 1px;display:block;transition:.1s ease-in-out}.blogs a:hover{background:var(--hoverColor)}.blogs a:last-child{padding:1em;border-bottom:none;display:block}.sectionWrapper a{text-decoration:none}@media(max-width:786px){.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.footerWrapper{display:flex;justify-content:space-between;align-items:center;font-size:.7em;width:100%;margin:0 auto;max-width:640px;opacity:.5;padding:0 20px 20px}.footerWrapper div:nth-child(1){padding:0 70px 0 0}#worked{margin-top:-300px}.img-group-container{height:800vh;position:relative}}