.homePageContainer{display:flex;background-color:#fff;width:50%;border-radius:10px;box-sizing:border-box;align-self:center;border:1px solid #E5E7EB;transition:all .3s ease}.homePageContainer:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #3b82f61a}.introductionProfilePhotoContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;padding:20px;column-gap:20px}.profilePhoto{border-radius:50%;width:150px;border:2px solid rgba(0,0,0,.815)}.introductionText{margin-top:10px;max-width:100%;display:inline-block;text-align:justify;font-size:20px}@media screen and (max-width:1000px){.introductionProfilePhotoContainer{flex-direction:column}.homePageContainer{width:100%}}.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}.introductionTextContainer{display:flex;justify-content:left;flex-direction:column}.navigationBarContainer{background-color:#90add8a9;display:flex;width:100%;height:fit-content;justify-content:space-between;padding:5px;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)}@media screen and (max-width:650px){.navigationBarContainer{display:flex;flex-direction:column;row-gap:10px}}@font-face{font-family:BeyondWonderland;src:url(/BeyondWonderland.ttf) format("truetype")}.navigationItem{border-radius:5px;font-size:15px;background-color:#286dad;color:#fff;padding:5px;border:0px none transparent;cursor:pointer;transition:.4s}.navigationItem:hover{opacity:.6}.buttonContainer{display:flex;column-gap:5px;border-radius:10px}.profileLinkImage{width:30px;height:30px;cursor:pointer;transition:.5s}.profileLinkImage:hover{opacity:.6}.myName{font-family:BeyondWonderland;font-size:30px;cursor:pointer}.projectsPageContainer{display:flex;background-color:#fff;width:50%;border-radius:10px;box-sizing:border-box;align-self:center;border:1px solid #E5E7EB;transition:all .3s ease;flex-direction:column;padding:10px}.projectsPageContainer:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #3b82f61a}@media screen and (max-width:1000px){.projectsPageContainer{width:100%}}.projectsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0}@media(max-width:900px){.projectsGrid{grid-template-columns:1fr}}.heading{font-size:30px;font-weight:700;margin-top:0;margin-bottom:10px;text-align:left;color:#1e40af;padding-bottom:4px;border-bottom:solid 3px #1E40AF}.headingContainer{display:flex;text-align:left;width:100%}.projectCardContainer{display:flex;background-color:#f8fafc;width:100%;align-self:center;flex-direction:column;border-radius:10px;overflow:hidden;column-gap:20px;box-sizing:border-box;border:solid 1px grey;transition:transform .2s ease,border .2s ease;align-self:start;min-height:200px;max-height:230px}.projectCardContainer:hover{transform:translateY(-4px) scale(1.02);border:2px solid #3b82f6}.projectImageContainer{width:100%;height:150px;display:flex;align-items:center;overflow:hidden;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.projectImage{height:100%;object-fit:cover;cursor:pointer}.projectDescriptionContainer{display:flex;flex-direction:column;row-gap:10px;flex:1;margin:10px}.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{width:100%;height:100%;cursor:pointer;object-fit:fit}.allOtherImagesContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));row-gap:10px;justify-content:center;align-items:center;column-gap:10px}.projectButtons{display:flex;gap:10px}.projectBtn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid grey;border-radius:6px;text-decoration:none;color:#000;font-size:14px;transition:all .2s ease}.projectBtnIcon{width:14px;height:14px}.projectBtn:hover{transform:translateY(-3px);border:1px solid #3b82f6}.projectBtn.disabled{pointer-events:none;opacity:.5;border:1px solid #ccc}.skillsPageContainer{display:flex;background-color:#fff;width:50%;border-radius:10px;box-sizing:border-box;align-self:center;border:1px solid #E5E7EB;transition:all .3s ease;flex-direction:column;padding:10px}.skillsPageContainer:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #3b82f61a}.skillsGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:20px;box-sizing:border-box}@media screen and (max-width:1000px){.skillsPageContainer{width:100%}}.skillsGroupContainer{display:flex;flex-wrap:wrap;gap:10px}.skillsBadgeDiv{display:flex;align-items:center;gap:10px;border:1px dashed grey;width:max-content;padding:5px 10px;border-radius:30px;transition:all .2s ease;cursor:default}.skillsBadgeGroupName{margin-bottom:5px;font-weight:700}.skillsBadgeDiv:hover{border-color:#3b82f6;background-color:#3b82f61a;transform:translateY(-2px)}.skillsBadgeIcon{width:15px}.skillsBadgeDiv p{margin:0}.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:#f8f9fa;background-image:radial-gradient(#E5E7EB 1px,transparent 1px);background-size:24px 24px;margin:0;overflow-x:hidden;padding-top:80px;padding-left:20px;padding-right:20px;font-family:JetBrains Mono,monospace}.contributionsPageContainer{display:flex;background-color:#fff;width:50%;border-radius:10px;box-sizing:border-box;align-self:center;border:1px solid #E5E7EB;transition:all .3s ease;flex-direction:column;padding:10px}.contributionsPageContainer:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #3b82f61a}@media screen and (max-width:1000px){.contributionsPageContainer{width:100%}}.contributionsList{display:flex;flex-direction:column;gap:15px}.contributionCard{border:1px solid #ccc;padding:12px;border-radius:8px}.contributionCard a{color:#3b82f6;text-decoration:none}.contributionCard a:hover{text-decoration:underline}.contributionCard p{margin:1px}.socialsPageContainer{display:flex;background-color:#fff;width:50%;border-radius:10px;box-sizing:border-box;align-self:center;border:1px solid #E5E7EB;transition:all .3s ease;flex-direction:column;padding:10px}.socialsPageContainer:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #3b82f61a}@media screen and (max-width:1000px){.socialsPageContainer{width:100%}}.socialsContainer{display:flex;gap:10px}.socialCard{display:flex;align-items:center;gap:10px;padding:0 10px;border:1px solid #ccc;border-radius:8px;text-decoration:none;color:#000;transition:all .2s ease}.socialIcon{width:20px;height:20px}.socialCard:hover{transform:translateY(-3px);border-color:#3b82f6;background-color:#3b82f614}