.me__container{display:grid;box-sizing:border-box;width:500px}.image__positioning{width:100%;padding:0 25%;box-sizing:border-box}.border__outline{position:relative;height:200px;width:100%}.me__container__image{width:calc(100% - 6px);height:calc(100% - 6px);translate:1px 1px;border:2px solid var(--primary-black);overflow:hidden}.me__container__image img{width:100%;height:100%;object-fit:cover;object-position:20% 40%}.me__container__text .name{font-size:1.5rem;color:var(--primary-blue);text-align:center}.me__container__text .title{width:100%;padding:0 5px;box-sizing:border-box;color:#fff;text-align:center}.me__reflected{box-sizing:border-box;width:100%;position:absolute;perspective:1000px;transform:translateY(-90px);left:0}.me__reflected .outline__reflected{height:200px;width:calc(100% + 28px);transform-style:preserve-3d;transform:rotateX(85deg)}.me__reflected .me__container__image{transform:translate(-13px);background:linear-gradient(#14141480 40%,#000 60%)}.me__reflected img{opacity:.2;transform:rotate(180deg)}@media (max-width: 500px){.me__container{width:100%;padding:0 5%}.image__positioning{padding:0 5%}.border__outline{box-sizing:border-box;height:300px;width:100%;padding:0}}.overview{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.overview-section-border{position:absolute;width:100%;height:100%}.section-border-1,.section-border-2{position:absolute;background-color:var(--primary-blue);width:100%;height:20px}.section-border-1{top:20px;clip-path:polygon(0 0,75% 0,78% 98%,100% 98%,100% 100%,78% 100%,75% 2%,0 2%)}.section-border-2{bottom:20px;clip-path:polygon(0 0,25% 0,28% 98%,100% 98%,100% 100%,28% 100%,25% 3%,0 3%)}.section-border-1__glow,.section-border-2__glow{position:absolute;background-color:var(--primary-blue);border:1px solid var(--primary-blue);border-radius:50%;width:30px;box-shadow:0 0 15px 5px var(--secondary-blue)}.section-border-1__glow{top:20px}.section-border-2__glow{bottom:20px;right:0}.skills-card{perspective:1000px;color:var(--primary-blue)}.skills-card .card{background-image:linear-gradient(to bottom,var(--terciary-blue) 20%,var(--secondary-blue) 50%,var(--primary-blue) 90%);border-radius:20px;width:250px;height:250px;position:relative;transform-style:preserve-3d;transition:.8s;transition-property:height transform}.skills-card .card:after{background-color:var(--primary-black);content:"";position:absolute;top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:20px;z-index:-1}.skills-card .card:hover{transform:rotateY(180deg)}.skills-card .card .card-front,.skills-card .card .card-back{position:absolute;width:100%;backface-visibility:hidden}.skills-card .card .card-back{transform:rotateY(180deg)}.card .back{font-size:.9em;width:100%;height:210px;display:grid;align-items:center;box-sizing:border-box}.card ul{padding:0 5px}.card li{text-align:left;margin:0 0 10px;list-style:none}@media (max-width: 500px){.skills-card .card{width:100%;height:50px;overflow:hidden}.card-front h3{display:none}.skills-card .card:hover{transform:none;height:250px}.skills-card .card .card-back{transform:none}.skills-card .card .card-back .back{margin-top:20px}}.about-me{width:100%;box-sizing:border-box;height:100vh;margin:0 auto;text-align:center;padding:0 10% 40px}.skills{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:0 10%}@media (max-width: 500px){.about-me{height:fit-content;padding:0}.skills{grid-template-columns:1fr;padding:0 10px}}.outer-reflection{background:linear-gradient(50deg,var(--primary-white) 10%,var(--primary-black) 40%);border-radius:50%;cursor:pointer;display:inline-flex;position:absolute}.outer-reflection .bubble{display:inline-flex;width:calc(100% - 6px);height:calc(100% - 6px);background-color:var(--primary-black);border:1px solid var(--secondary-blue);border-radius:50%;translate:1px 1px}.bubble .reflection-1,.bubble .reflection-2,.bubble .reflection-3{position:absolute;background-color:var(--primary-white);border-radius:50%;opacity:80%}.bubble .reflection-1{width:30%;height:15%;border-radius:50%;transform:rotate(45deg);right:7%;top:15%}.bubble .reflection-2{width:22%;height:7.5%;border-radius:50%;transform:rotate(60deg);left:0;bottom:25%}.bubble .reflection-3{width:10%;height:5%;border-radius:50%;transform:rotate(30deg);left:25%;bottom:5%}.bubble .title{font-size:1.4em;display:grid;align-items:center;color:var(--primary-blue);width:90%;margin-top:20%;margin-bottom:20%;margin-left:5%;text-align:center}@media (max-width: 500px){.bubble .title{font-size:1.2em}}.proj-achvmt-title-container{display:flex;width:100%;transform:translateY(-70px)}.proj-achvmt-title{position:relative;border:1px solid var(--secondary-blue);border-radius:10px;width:calc(100% - 150px);height:350px;overflow-y:auto;scrollbar-gutter:transparent;scrollbar-width:thin;scrollbar-color:var(--primary-blue) #000}.proj-achvmt-title .fa-xmark{position:absolute;top:10px;right:20px;cursor:pointer;font-size:larger}.proj-achvmt-title .title{color:var(--primary-blue);text-align:center;position:relative;margin-top:30px;margin-bottom:20px}.proj-achvmt-title .description{padding:10px;color:var(--primary-white)}.proj-achvmt-title .images{display:flex;flex-wrap:wrap;gap:10px}.proj-achvmt-title .images .image{flex:1 1 calc(50% - 10px);max-width:calc(50% - 10px);aspect-ratio:4/3;border-radius:8px;overflow:hidden}.proj-achvmt-title .images .image img{width:100%;height:100%;object-fit:cover;display:block}.proj-achvmt-title .video{width:100%;height:240px;border:1px solid var(--secondary-blue);border-radius:10px;margin:10px 0;padding:5px;color:var(--primary-blue);box-sizing:border-box}.proj-achvmt-title .video video{width:100%;height:calc(100% - 25px)}.proj-achvmt-title .video .fa-circle-play{font-size:.7em}@media (max-width: 500px){.proj-achvmt-title-container{transform:translateY(-200px)}.proj-achvmt-title{width:100%}}.proj-achvmt{width:100%;height:100vh;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:0 20%;box-sizing:border-box}.pop-invite{margin:0;padding:0;color:var(--primary-blue)}.proj-achvmt .year-selection{color:var(--primary-blue);margin-bottom:20px;display:inline-flex;gap:10px;align-items:center;position:relative}.year-selection:after{content:"";position:absolute;right:0;width:100%;height:1em;border-top:1px solid var(--secondary-blue);border-bottom:1px solid var(--secondary-blue);transform:translate(85px);clip-path:polygon(0 0,151px 0,151px 100%,0 100%)}.year-selection .select-year{width:75px}.year-selection .years{width:150px;height:3em;max-width:200px;display:grid;justify-items:center;position:relative;box-shadow:inset 0 15px 20px -20px var(--secondary-blue),inset 0 -15px 20px -20px var(--secondary-blue);border-radius:7px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.year-selection .years::-webkit-scrollbar{display:none}.navigation-arrows{display:grid;justify-items:center;cursor:pointer}.bubbles{position:relative;width:100%;height:300px}.refresh-bubbles{z-index:2}.refresh-text{color:var(--primary-blue);margin-right:10px}.fa-arrows-rotate{cursor:pointer}.year{height:1em}.popped-indicator{right:0;color:var(--primary-blue);font-family:Orbitron;letter-spacing:.05em;text-align:right;width:100%;font-weight:bolder;margin-bottom:10px}.dummybubbles{width:100%;height:80px;position:relative}@media (max-width: 500px){.proj-achvmt{padding:0 10px}}.dots{position:absolute;border-radius:50%;top:0;left:0;width:100vw;height:100%;z-index:0}.dot{position:absolute;width:1px;height:1px;background-color:#222}.glow{background-color:var(--primary-blue);box-shadow:0 0 6px var(--primary-blue),0 0 12px var(--primary-blue);transition:box-shadow .3s ease,background-color .3s ease}.glow-soft{background-color:var(--primary-blue);box-shadow:0 0 2px var(--primary-blue),0 0 4px var(--primary-blue);opacity:.4;transition:box-shadow .4s ease,background-color .4s ease,opacity .4s ease}.glow-medium{background-color:var(--primary-blue);box-shadow:0 0 4px var(--primary-blue),0 0 8px var(--primary-blue);opacity:.7;transition:box-shadow .4s ease,background-color .4s ease,opacity .4s ease}.glow-strong{background-color:var(--primary-blue);box-shadow:0 0 6px var(--primary-blue),0 0 12px var(--primary-blue);opacity:1;transition:box-shadow .4s ease,background-color .4s ease,opacity .4s ease}.grid-container{position:relative;width:100%;box-sizing:border-box}.border{width:100%;height:1px;border-top:1px solid var(--secondary-blue);margin:10px 0}.section-title{width:100%;color:var(--primary-blue);text-align:center;margin-bottom:10px}:root{--primary-blue: rgb(0, 125, 255);--secondary-blue: rgb(0, 60, 120);--terciary-blue: rgb(6, 16, 26);--primary-black: rgb(0, 0, 0);--primary-white: rgb(255, 255, 255);background-color:var(--primary-black);font-family:Rajdhani,sans-serif;font-weight:500;font-style:normal}body{margin:0;padding:0;box-sizing:border-box}.App{width:100%;height:100%;position:relative;overflow-x:hidden;overflow-y:auto}.loading{color:var(--primary-blue)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:var(--secondary-blue);border-radius:4px}::-webkit-scrollbar-track{background-color:var(--terciary-blue)}