*{margin:0;padding:0;font-family:Fredoka,sans-serif}body{overflow-x:hidden}.app{display:flex;flex-direction:column;justify-content:center}.navbar{display:flex;flex-direction:column;justify-content:center;align-items:center}.navbar img{width:100%;height:250px;object-fit:cover;display:flex;flex-direction:column;justify-content:center}.avatar{display:flex;flex-direction:column;justify-content:center;align-items:center}.avatar img{width:200px;height:200px;border-radius:50%;object-fit:contain;margin-top:-150px}.intro{width:950px;height:250px;margin-top:32px;border:1px solid rgb(122,122,122);border-radius:7px;display:flex;flex-direction:row}h1{color:#2c2c2c;font-weight:500;font-size:50px;font-family:Protest Strike,sans-serif}.actual-intro p{padding-left:40px;padding-top:20px;margin-right:20px}.actual-right{width:1250px;height:225px}.actual-right img{object-fit:cover;border-top-right-radius:7px;border-bottom-right-radius:7px}.actual-intro{display:flex;flex-direction:column}.socials{display:flex;flex-direction:row;gap:50px}.actual-intro .socials{padding-left:42px;padding-top:27px;margin-right:10px}#span{font-style:italic;font-family:sans-serif;font-size:15px;color:#00f}section{overflow:hidden}.logoMarqueeSection{padding-top:10vh;padding-bottom:150vh}#logoMarqueeSection{max-width:1920px!important;margin:0 auto}.default-content-container{margin:0 auto;padding:4.5rem 5rem;width:100%;min-height:100vh}div.marquee>a>img{height:120px}.logoMarqueeSection>div>div{padding-top:0;padding-bottom:0;min-height:0}.marquee-wrapper{display:inline-block;white-space:nowrap}.marquee{display:inline-block;white-space:nowrap;position:relative;transform:translateZ(0);animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite}.marquee a{display:inline-block;white-space:nowrap;padding-right:5.4rem}.marquee-wrapper:hover .marquee{animation-play-state:paused!important}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.button-56{align-items:center;background-color:#fff;border:2px solid #111;border-radius:8px;box-sizing:border-box;color:#111;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;height:48px;justify-content:center;line-height:24px;max-width:100%;padding:0 25px;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-56:after{background-color:#111;border-radius:8px;content:"";display:block;height:48px;left:0;width:100%;position:absolute;top:-2px;transform:translate(8px,8px);transition:transform .2s ease-out;z-index:-1}.button-56:hover:after{transform:translate(0)}.button-56:active{background-color:#fff;outline:0}.button-56:hover{outline:0}@media (min-width: 768px){.button-56{padding:0 40px}}.button-container{display:flex;justify-content:center;margin-top:-1000px;gap:20px}.wrapper-container{margin-top:70px;margin-bottom:70px;width:1400px;height:1130px;border:1px solid rgb(122,122,122);border-radius:7px}.wrapper-class{display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;padding:15px;border:1px solid rgb(122,122,122);border-radius:10px}.project{background-color:#f0f0f0;border-radius:15px;overflow:hidden;transition:transform .3s ease;box-shadow:0 4px 15px #0000001a}.project video{width:100%;height:100%;border-radius:15px;object-fit:cover}.project:hover{transform:scale(1.05)}.project-marker video{width:100%;height:350px;border-radius:10px;object-fit:cover}.project-start video{width:100%;height:350px;border-radius:10px;object-fit:cover}.project-imdb video{width:100%;height:350px;border-radius:10px;object-fit:cover}.project-you video{width:100%;height:350px;border-radius:10px;object-fit:cover}.project-kanban video{width:100%;height:350px;border-radius:10px;object-fit:cover}.project-typify video{width:100%;height:350px;border-radius:10px;object-fit:cover}.project-sketch video{width:100%;height:349px;border-radius:10px;object-fit:cover}.project-poke video{width:100%;height:350px;border-radius:10px;object-fit:cover}.project-ads video{width:100%;height:350px;border-radius:10px;object-fit:cover}.project-weather video{width:100%;height:350px;border-radius:10px;object-fit:cover}.leet-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:20px;justify-items:center;align-items:center;margin:20px}.leet,.git,.codechef,.codeforces,.geeksforgeeks,.atcoders{width:100%;max-width:380px;margin:0 auto;border-radius:15px;overflow:hidden;transition:transform .3s ease;box-shadow:0 4px 15px #0000001a}.leet img,.git img,.codechef img,.codeforces img,.geeksforgeeks img,.atcoders img{width:100%;object-fit:cover}.leet:hover,.git:hover,.codechef:hover,.codeforces:hover,.geeksforgeeks:hover,.atcoders:hover{transform:scale(1.1)}.foot{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-bottom:50px}@media screen and (max-width: 768px){.navbar img{height:150px;max-width:100%}.avatar img{width:100px;height:140px;margin-top:-80px}.actual-right img{display:none}.intro{width:95%;height:250px;margin-top:20px;display:flex;flex-direction:column;align-items:center}.actual-intro p{padding:10px;text-align:center}.projects{margin-top:-20px}.socials{flex-direction:row;gap:20px;padding:10px 0;margin-top:-37px}#span{font-size:12px}}@media screen and (max-width: 628px){.wrapper-container{width:350px;height:3345px;display:flex;flex-direction:column;margin-right:5px}}@media screen and (max-width: 628px){.leet-container{margin-top:-65px;width:100%;height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px 10px 100px;justify-items:center}.leet,.git,.codechef,.codeforces,.geeksforgeeks,.atcoders{width:100%;max-width:none}.leet img,.git img{width:100%;height:auto;object-fit:cover}.foot{margin-top:-125px}.updated-big h2,.updated-project h2{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:30px;font-family:Protest Strike,sans-serif;padding:20px;margin:0}}.updated-big h2,.updated-project h2{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:50px;font-family:Protest Strike,sans-serif;padding-bottom:55px}.full-screen-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center}.popup-content{text-align:center;color:#fff}.popup-content h2{font-size:28px;font-family:sans-serif;color:#f7f7f7}.popup-content p{display:none}.popup-content button{margin-top:20px;padding:10px 20px;background-color:#fff;color:#333;border:none;border-radius:5px;cursor:pointer}@media screen and (max-width: 628px){.popup-content h2{font-size:20px}.popup-content p{font-size:3px}.popup-content button{padding:8px 16px}.popup-content{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;height:auto;padding:20px}}.button-container{margin-bottom:45px}@media screen and (max-width: 768px){.wrapper-container{height:800px;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 480px){.wrapper-container{height:600px;grid-template-columns:1fr}}@media screen and (max-width: 628px){.wrapper-container{width:100%;height:auto}.project{height:auto}.project video{width:100%;height:auto;max-height:200px;object-fit:cover}}.updated-big{display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.updated-big h2{font-size:50px;font-family:Protest Strike,sans-serif;margin-bottom:20px}.big{width:300px;height:300px;display:flex;justify-content:center;align-items:center;border:2px solid #ccc;border-radius:15px;overflow:hidden}.leet-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;height:100%;width:100%}.leet,.git,.codechef,.codeforces,.geeksforgeeks,.atcoders{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:15px;overflow:hidden;margin:5px}.leet img,.git img,.codechef img,.codeforces img,.geeksforgeeks img,.atcoders img{width:100%;height:auto;max-height:100%;object-fit:contain}@media screen and (max-width: 628px){.big{width:100%;height:auto}.leet-container{display:flex;flex-direction:column}.leet,.git,.codechef,.codeforces,.geeksforgeeks,.atcoders{width:100%;height:auto;margin:5px}.leet img,.git img,.codechef img,.codeforces img,.geeksforgeeks img,.atcoders img{height:auto;max-height:200px;object-fit:contain}}.cp-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);gap:20px}.cp-profile{display:flex;gap:150px;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:20px;border:1px solid #ccc}.cp-info{display:flex;flex-direction:column;text-align:left;gap:8px}.lang{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.cp-image img{width:80px;height:80px;object-fit:cover;border-radius:5px}