@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";#root,body,html{margin:0;padding:0;font-size:max(.6vw,1vh)}body,#root{overflow-x:hidden}.page{width:100vw;height:100vh;z-index:1;position:relative;font-family:Montserrat,sans-serif;font-weight:700;font-size:2rem}.loader{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:999;background:#fff;display:flex;font-family:Montserrat,sans-serif;font-weight:700;align-items:center;justify-content:center;font-size:2rem}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(-10px);color:#7e00ff}to{transform:translateY(0)}}.loader a{color:#000;text-decoration:none;animation:jump 1s infinite}.loader a:nth-child(2){animation-delay:.1s}.loader a:nth-child(3){animation-delay:.2s}.loader a:nth-child(4){animation-delay:.3s}.loader a:nth-child(5){animation-delay:.4s}.loader a:nth-child(6){animation-delay:.5s}.loader a:nth-child(7){animation-delay:.6s}.loader a:nth-child(8){animation-delay:.7s}.loader a:nth-child(9){animation-delay:.8s}.loader a:nth-child(10){animation-delay:.9s}.card-overlay{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:1000;display:flex;font-family:Montserrat,sans-serif;font-weight:700;font-size:2rem;align-items:end;background:linear-gradient(-10deg,#ff005a,#0003 50%,#7e00ff55);pointer-events:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s;opacity:0;gap:4rem;overflow:hidden}.card-overlay.active .card{animation:CardPopup .4s cubic-bezier(.22,1,.36,1)}.email-overlay{position:absolute;left:0;top:0;z-index:800;pointer-events:none;font-family:Montserrat,sans-serif;font-weight:700;font-size:2rem;padding:2rem;overflow:hidden}.email-overlay *{pointer-events:all}.card-overlay.active{pointer-events:all;opacity:1}.card-overlay .left,.card-overlay .right{display:flex;flex-direction:column;margin:4rem;gap:1rem}.card-overlay .left .card{transform:rotate(10deg)}.button{padding:1rem 3dvh;border-radius:4rem;background:#000;color:#fff;display:flex;gap:1rem;align-items:center;justify-content:center;cursor:pointer;transition:all .1s;transform:scale(1);text-decoration:none}.button:hover{transform:scale(1.1);background:#7e00ff!important;color:#000}.button:hover .icon{background:#000!important}.button .icon{transition:all .1s;width:.9em;height:.9em}.button .icon.back{background:#fff;-webkit-mask:url(/return-button.svg) center / contain no-repeat}.button .icon.linkedin{background:#fff;-webkit-mask:url(/linkedin.png) center / contain no-repeat}.button .icon.github{background:#fff;-webkit-mask:url(/github.png) center / contain no-repeat}.button .icon.right-arrow{background:#fff;-webkit-mask:url(/right-arrow.svg) center / contain no-repeat;transform:scale(.8)}@keyframes CardPopup{0%{transform:scale(.8) rotate(10deg) translateY(100%)}to{transform:scale(1) rotate(10deg) translateY(0)}}.card{display:flex;background:#fff;border-radius:1rem;aspect-ratio:64/89;width:30rem;margin:4rem;position:relative}.card:before{bottom:0;right:0;transform:rotate(180deg)}.card .image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ff005a;width:20rem;height:20rem}.card:after,.card:before{content:"";position:absolute;margin:2rem;width:3rem;height:3rem;background:#000;-webkit-mask:url(/LetterA.png) center / contain no-repeat}.dark{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:flex}.dark:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:80%;background:url(/pattern3.png) 20px repeat;z-index:-1}.dark .left,.dark .right{display:flex;flex-direction:column;margin:4rem;justify-content:space-evenly}.profile{border-radius:100%;background:#fff;position:relative;aspect-ratio:1;height:30rem}.profile img{object-fit:cover;border-radius:100%;margin:1.5rem;width:calc(100% - 3rem);height:calc(100% - 3rem)}.page.second{margin-top:-50vh;height:60vh;display:flex}.dark .right{display:flex;font-family:Montserrat,sans-serif;font-weight:700;font-size:2rem;color:#fff}h1{font-size:1.7em;font-weight:900;letter-spacing:.05em}.button.invert{background:#fff;color:#000}.button.invert .icon{background:#000}.button.invert:hover{background:#ff005a!important;color:#fff}.button.invert:hover .icon{background:#fff!important}.copyright{position:fixed;bottom:0;right:0;font-family:Montserrat,sans-serif;z-index:9999;margin:.5rem 1rem;opacity:.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scrollindicator{position:absolute;right:0;top:50%;transform:translateY(-50%);height:8rem;width:2rem;margin:4rem;border-radius:2rem;border:.25rem solid #dcdcdc;animation:fadeIn 1s}@keyframes mouseScroll{0%{transform:translate(-50%) translateY(0);opacity:0}15%{transform:translate(-50%) translateY(0);opacity:1}70%{transform:translate(-50%) translateY(4rem);opacity:1}95%{transform:translate(-50%) translateY(4rem);opacity:0}to{transform:translate(-50%) translateY(0);opacity:0}}.scrollindicator .mouse{position:absolute;left:50%;top:.5rem;transform:translate(-50%);width:1.5rem;height:3rem;background:#b3b3b3;border-radius:1.5rem;animation:mouseScroll 2s infinite}.no-scroll,.no-scroll body,.no-scroll #root{overflow:hidden!important}.mobile-card{display:flex;z-index:1;position:relative;font-family:Montserrat,sans-serif;font-weight:700;font-size:2rem;flex-direction:column;padding:1rem}.mobile-card .card{width:auto;height:20rem}.mobile-card .card .image{width:6rem;height:6rem}.mobile-card .left,.mobile-card .right{justify-content:center;display:flex}.mobile-card .card:after,.mobile-card .card:before{width:2rem;height:2rem}.mobile-card.right{background:url(/pattern3.png) 20px repeat;color:#fff}.mobile-card.left .card{background:#7e00ff}.mobile-card.right .card{background:#ff005a}.mobile-card .card:before,.mobile-card .card:after{background:#fff}.mobile-card .card .image{background:#fff}.mobile-list{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width: 1024px){.mobile-list{display:none}}@media (max-width: 1024px){#root,body,html{font-size:1.5vh!important}.scrollindicator{position:absolute;top:auto;right:auto;left:50%;bottom:0;transform:translate(-50%);margin:0 0 4rem}.page.second{margin-top:0;height:auto;flex-grow:1}.page.second .left,.page.second .right{margin:2rem}.page.second .left .profile{height:auto}.page.second .left .button{margin-top:1rem}.page.second .dark{flex-direction:column;position:relative}.page.second .dark h1{line-height:normal;font-size:3rem;white-space:wrap}.page.second .dark:after{height:100%}.email-overlay{padding:2rem 0;display:flex;justify-content:center;width:100%}}