.button[data-v-6531ee35]{width:50px;height:50px;background-color:#1b4552;border:none;font-weight:300;display:flex;align-items:center;justify-content:center;border:4px double #e9e9e9;border-radius:15px;cursor:pointer;transition-duration:.3s;overflow:hidden;position:relative}.svgIcon[data-v-6531ee35]{width:12px;transition-duration:.3s}.svgIcon path[data-v-6531ee35]{fill:#e9e9e9}.button[data-v-6531ee35]:hover{width:140px;border-radius:15px;transition-duration:.3s;background-color:#1b4552;align-items:center}.button:hover .svgIcon[data-v-6531ee35]{transition-duration:.3s;transform:translateY(-200%)}.button[data-v-6531ee35]:before{position:absolute;bottom:-20px;content:"Back to Top";color:#e9e9e9;font-size:0px}.button[data-v-6531ee35]:hover:before{font-family:Garet;font-size:15px;opacity:1;bottom:unset;transition-duration:.3s}.contact-card[data-v-01a2e423]{width:280px;height:280px;background:#fff;border-radius:32px;padding:3px;position:relative;box-shadow:#604b4a30 0 70px 30px -50px;transition:all .5s ease-in-out}.contact-card .mail[data-v-01a2e423]{position:absolute;right:2rem;top:1.4rem;background:transparent;border:none}.contact-card .mail svg[data-v-01a2e423]{stroke:#f55d56;stroke-width:3px}.contact-card .mail svg[data-v-01a2e423]:hover{stroke:#f55d56}.contact-card .profile-pic[data-v-01a2e423]{position:absolute;width:calc(100% - 6px);height:calc(100% - 6px);top:3px;left:3px;border-radius:29px;z-index:1;border:0px solid #fbb9b6;overflow:hidden;transition:all .5s ease-in-out .2s,z-index .5s ease-in-out .2s}.contact-card .profile-pic img[data-v-01a2e423]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;-o-object-position:0px 0px;object-position:0px 0px;transition:all .5s ease-in-out 0s}.contact-card .profile-pic svg[data-v-01a2e423]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0px 0px;object-position:0px 0px;transform-origin:45% 20%;transition:all .5s ease-in-out 0s}.contact-card .bottom[data-v-01a2e423]{position:absolute;inset:80% 3px 3px;background:#4e25f3;border-radius:29px;z-index:2;box-shadow:#604b4a30 0 5px 5px inset;overflow:hidden;transition:all .5s cubic-bezier(.645,.045,.355,1) 0s}.contact-card .bottom .content[data-v-01a2e423]{position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:160px}.contact-card .bottom .content .name[data-v-01a2e423]{display:block;font-size:1.2rem;color:#fff;font-weight:700}.contact-card .bottom .content .about-me[data-v-01a2e423]{display:block;font-size:.9rem;color:#fff;margin-top:1rem}.contact-card .bottom .bottom-bottom[data-v-01a2e423]{position:absolute;bottom:1rem;left:1.5rem;right:1.5rem;display:flex;align-items:center;justify-content:space-between}.contact-card .bottom .bottom-bottom .social-links-container[data-v-01a2e423]{display:flex;gap:1rem}.contact-card .bottom .bottom-bottom .social-links-container svg[data-v-01a2e423]{height:20px;fill:#fff;filter:drop-shadow(0 5px 5px rgba(165,132,130,.1333333333))}.contact-card .bottom .bottom-bottom .social-links-container svg[data-v-01a2e423]:hover{fill:#f55d56;transform:scale(1.2)}.contact-card .bottom .bottom-bottom .button[data-v-01a2e423]{background:#fff;color:#4e25f3;border:none;border-radius:20px;font-size:.6rem;padding:.4rem .6rem;box-shadow:#a5848222 0 5px 5px}.contact-card .bottom .bottom-bottom .button[data-v-01a2e423]:hover{background:#f55d56;color:#fff}.contact-card[data-v-01a2e423]:hover{border-top-left-radius:55px}.contact-card:hover .bottom[data-v-01a2e423]{top:20%;border-radius:80px 29px 29px;transition:all .5s cubic-bezier(.645,.045,.355,1) .2s}.contact-card:hover .profile-pic[data-v-01a2e423]{width:100px;height:100px;aspect-ratio:1;top:10px;left:10px;border-radius:50%;z-index:3;border:7px solid #4e25f3;box-shadow:#604b4a30 0 5px 5px;transition:all .5s ease-in-out,z-index .5s ease-in-out .1s}.contact-card:hover .profile-pic[data-v-01a2e423]:hover{transform:scale(1.3);border-radius:0}.contact-card:hover .profile-pic img[data-v-01a2e423]{transform:scale(2.5);-o-object-position:0px 25px;object-position:0px 25px;transition:all .5s ease-in-out .5s}.contact-card:hover .profile-pic svg[data-v-01a2e423]{transform:scale(2.5);transition:all .5s ease-in-out .5s}:root{scroll-behavior:smooth;-webkit-user-select:none;-moz-user-select:none;user-select:none;--color-start: #cf59e6;--color-end: #0800f6}#name{background:linear-gradient(-45deg,var(--color-start),var(--color-end),var(--color-start),var(--color-end));background-size:400% 400%;animation:3s infinite gradient;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#favour{background:linear-gradient(-45deg,#cf59e6,#0800f6,#ff7a27,#cf59e6);background-size:400% 400%;animation:3s infinite gradient;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.jello{font-weight:700}.jello:hover{cursor:cell;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-color:#ffcc27;animation:.9s both jello-vertical}section{height:100vh;display:flex;justify-content:center;align-items:center;position:relative;text-align:center}@keyframes jello-vertical{0%,to{transform:scaleZ(1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}}#intro{background:linear-gradient(180deg,#fff,var(--colorTop));text-align:start;padding-left:2rem;padding-right:2rem}.scroll-indicator{position:absolute;bottom:80px;font-size:24px;animation:bounce 1.5s infinite;color:#00f}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}#cards{background:linear-gradient(180deg,var(--colorTop),var(--colorBottom))}#cards.visible{opacity:1;transform:translateY(0)}.card{opacity:0;transform:translateY(50px) scale(.8);transition:all 1s ease-in-out}.card.visible{opacity:1;transform:translateY(0) scale(1)}.card:hover{transform:scale(1.1)}.small-hidden{display:none}.net{margin:0;justify-content:center;align-items:center;background:linear-gradient(135deg,#ffffffe6,#ffffffb3,#ffffffe6),radial-gradient(circle at 30% 30%,rgba(99,102,241,.1) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(16,185,129,.1) 0%,transparent 40%);background-size:100% 100%,80px 80px,80px 80px;background-position:0 0,0 0,100% 100%;background-color:#fffffff2;box-shadow:0 8px 32px #0000001a,inset 0 1px #fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);transition:all .3s ease;border-radius:50px}.net:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffffe6;border-color:#fff9;background-color:#fff}.net:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(234,255,8,.3),rgba(2,230,131,.3),rgba(134,90,253,.3),transparent 90%);pointer-events:none;opacity:0;transition:opacity .3s ease;border-radius:50px}.net:hover:before{opacity:1}@media (min-width: 1024px){.small-hidden{display:flex}.large-hidden{display:none}}@media (max-width: 618px){section{height:100%;padding:50%;display:flex;justify-content:center;align-items:center;position:relative;text-align:center}.net:before{background:radial-gradient(circle,rgba(234,255,8,.6),rgba(2,230,131,.6),rgba(134,90,253,.6),transparent 70%)}}