.homePageContainer{display:flex;background-color:#e5e5f0;width:100%;border-radius:10px;box-sizing:border-box}.introductionProfilePhotoContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;padding:20px;column-gap:20px}.profilePhoto{border-radius:50%;width:200px;border:2px solid rgba(0,0,0,.815)}.introductionText{margin-top:20px;max-width:50vw;display:inline-block;text-align:justify;font-size:1.6vw}@media screen and (max-width: 800px){.introductionProfilePhotoContainer{flex-direction:column}.introductionText{font-size:20px;max-width:70vw}}.profilePhotoTypewriterContainer{display:flex;position:relative}.typewriter{position:absolute;bottom:10px;background-color:#3f3f3f9d;padding:10px;border-radius:30px;color:#fff;font-family:Courier New,Courier,monospace;font-weight:700}.focusNamePercentage{color:#0009;border:2px dotted rgb(185,185,185);padding:6px;border-radius:30px;transition:.4s}.focusNamePercentage:hover{color:#000}.focusContainer{display:flex;column-gap:10px;margin-top:10px}.aboutMeFocusContainer{display:flex;flex-direction:column;align-items:center}.navigationBarContainer{background-color:#90add8a9;display:flex;width:100%;height:fit-content;justify-content:space-between;padding:10px;position:fixed;top:0;left:0;right:0;box-sizing:border-box;z-index:1;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.myName{font-family:BeyondWonderland;font-size:3vw}@font-face{font-family:BeyondWonderland;src:url(/BeyondWonderland.ttf) format("truetype")}.navigationItem{border-radius:5px;font-size:20px;background-color:#286dad;color:#fff;padding:5px;border:0px none transparent;cursor:pointer;transition:.4s}.navigationItem:hover{opacity:.6}.buttonContainer{display:flex;column-gap:10px}.profileLinkImage{width:30px;height:30px;cursor:pointer;transition:.5s}.profileLinkImage:hover{opacity:.6}.projectsPageContainer{display:flex;background-color:#e5e5f0;width:100%;flex-direction:column;align-items:center;border-radius:10px;box-sizing:border-box;row-gap:20px;padding-bottom:30px;margin-bottom:10px}.heading{font-size:30px;font-weight:700;margin-top:20px}.projectCardContainer{display:flex;background-color:#8d98ff4b;width:90%;flex-direction:row;border-radius:10px;padding:20px;box-sizing:border-box;column-gap:20px;box-shadow:0 6px 12px #00000026,0 12px 24px #0000001a}@media screen and (max-width: 600px){.allOtherImagesContainer{display:grid;grid-template-columns:repeat(3,1fr);column-gap:10px}}@media screen and (max-width: 800px){.projectCardContainer{flex-direction:column;row-gap:10px;align-items:center}}.projectImageContainer{width:200px;height:150px;display:flex;align-items:center;border-radius:10px;overflow:hidden;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 12px #00000026,0 12px 24px #0000001a}.projectImageContainer:hover{transform:translateY(-4px) scale(1.02);transition:transform .2s ease}.projectImage{height:100%;object-fit:cover;cursor:pointer}.projectDescriptionContainer{display:flex;flex-direction:column;row-gap:10px;flex:1}.projectHeading{font-weight:700;font-size:larger}.projectTechStack{font-style:italic}.projectGithubUrl{text-decoration:none;color:#00f;font-weight:700}.projectLiveDemoUrl{text-decoration:none;color:#fff;font-weight:700;background-color:#2121f0;display:flex;width:fit-content;padding:5px;border-radius:10px;transition:.6s;border:2px solid rgb(255,255,255)}.projectLiveDemoUrl:hover{color:#2121f0;font-weight:700;background-color:#fff;border:2px solid rgb(0,0,0)}.otherImageContainer{height:70px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 12px #00000026,0 12px 24px #0000001a}.otherImageContainer:hover{transform:translateY(-4px) scale(1.02);transition:transform .2s ease}.otherImage{height:100%;cursor:pointer}.allOtherImagesContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));row-gap:10px;justify-content:center;align-items:center;column-gap:10px}.photoViewerContainer{background-color:#00000085;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999}.photoViewerInnerContainer{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.closePhotoViewerButton{position:fixed;top:10px;left:10px;border-radius:30px;color:#f0f8ff;background-color:#000;padding:5px;text-align:center;cursor:pointer;transition:.4s}.closePhotoViewerButton:hover{opacity:.6}.photoContainer{display:flex;align-items:center;justify-content:center;padding:0}.selectedPhoto{max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);object-fit:contain;box-shadow:0 0 10px #ffffff1a}.skillsPageContainer{display:flex;background-color:#e5e5f0;width:100%;flex-direction:column;align-items:center;border-radius:10px;box-sizing:border-box}.skillsGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:20px;box-sizing:border-box}@media screen and (max-width:900px){.skillsGrid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:650px){.skillsGrid{grid-template-columns:repeat(2,1fr)}}.skillCardContainer{display:flex;justify-content:center}.skillCard{display:flex;flex-direction:column;align-items:center;background-color:#8d98ff4b;width:140px;height:140px;padding:15px;border-radius:10px;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a}.skillCard:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 6px 12px #00000026,0 12px 24px #0000001a;transition:transform .2s ease;cursor:pointer}.skillCardImageContainer{width:100px;height:100px}.skillCardImage{width:100%;object-fit:cover}.appContainer{display:flex;width:100%;height:100%;position:relative;flex-direction:column;row-gap:10px}.copyright{margin:0 0 20px;font-size:small;text-align:center;color:#616161}body{background-color:#ccd7f8;margin:0;overflow-x:hidden;padding-top:80px;padding-left:20px;padding-right:20px;font-family:Inter,sans-serif}