@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--watermelon-pink: #e37383;--dark-watermelon-pink: #dd5569;--hot-pink: #ff69b4;--light-pink: #f8c8dc;--vlight-pink: #f8e2eb;--royal-blue: #375ec1;--text-color: #1a202c;--text-light-color: #555;--glass-inset-shadow: inset 0 1px 1px rgba(255, 255, 255, .2), inset 0 -1px 1px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .1);--popup-bg: rgba(248, 232, 240, .9);--popup-border: rgba(227, 115, 131, .25);--popup-shadow: 0 10px 30px rgba(0, 0, 0, .1);--btn-hover-bg: #f5c6d4;--btn-text-color: #dd5569;font-size:clamp(15px,1.5vw,16px)}#root{width:100vw;height:100vh}body{margin:0;font-family:Poppins,sans-serif}*{box-sizing:border-box}a{text-decoration:none;cursor:pointer}.interface{width:100vw;display:flex;flex-direction:column;align-items:center}.sections{max-width:1200px;width:100%;align-items:center}.section{height:100vh;display:flex;justify-content:center;align-items:center}.section--top{align-items:flex-start}.section--bottom{align-items:flex-end}.section--right{justify-content:flex-end;align-items:center;display:flex}.section--left,.section--middle{justify-content:flex-start}.poppins-thin{font-family:Poppins,sans-serif;font-weight:100;font-style:normal}.poppins-extralight{font-family:Poppins,sans-serif;font-weight:200;font-style:normal}.poppins-light{font-family:Poppins,sans-serif;font-weight:300;font-style:normal}.poppins-regular{font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.poppins-medium{font-family:Poppins,sans-serif;font-weight:500;font-style:normal}.poppins-regular-italic{font-family:Poppins,sans-serif;font-weight:400;font-style:italic}.poppins-medium-italic{font-family:Poppins,sans-serif;font-weight:500;font-style:italic}.poppins-semibold-italic{font-family:Poppins,sans-serif;font-weight:600;font-style:italic}.open-sans-bold{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.scroll-down{width:28px;height:42px;border:2px solid var(--watermelon-pink);border-radius:12px;display:flex;justify-content:center;margin-bottom:4rem}.scroll-down__wheel{background:var(--watermelon-pink);width:3px;height:10px;border-radius:2px;margin-top:4px}@media (min-width: 900px){.skills_div{margin-top:auto;margin-bottom:auto}}@media (max-width: 900px){.skills_div{margin-top:auto;margin-bottom:2rem}}.skills_div{padding:1rem;margin-right:9%;max-width:40%;max-height:83%;overflow:hidden;overflow-y:scroll;overscroll-behavior:contain;border-radius:4px;outline:1px solid var(--watermelon-pink)}.skills_div::-webkit-scrollbar-thumb{background-color:var(--watermelon-pink);border:4px solid transparent;border-radius:8px;background-clip:padding-box}.skills_div::-webkit-scrollbar{width:16px}.skill{background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:1rem;margin-bottom:1rem;width:320px;max-width:100%}.skill_label{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.skill_label_image{height:32px;width:32px}.skill_label_name{color:var(--text-color);font-size:.95rem;margin:0;font-family:Poppins,sans-serif;font-weight:600}.skill_level{background:#000;height:8px;border-radius:8px;width:100%}.skill_label_details{font-size:.73rem}.skill_level_bar{background:var(--watermelon-pink);height:100%;border-radius:8px;width:0px}@media (max-width: 900px){.projects_div{margin-top:auto;margin-bottom:2rem}}.projects_div{outline:1px solid var(--watermelon-pink);padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:750px;max-width:55%;max-height:78%;justify-content:center;gap:1rem;overflow:hidden;overflow-y:scroll;overscroll-behavior:contain;border-radius:8px}.projects_div::-webkit-scrollbar-thumb{background-color:var(--watermelon-pink);border:4px solid transparent;border-radius:8px;background-clip:padding-box}.projects_div::-webkit-scrollbar{width:16px}.project{background:var(--light-pink);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;transition:transform .2s ease-in-out,background-color .2s ease-in-out}.project_image{filter:grayscale(95%);transition:filter .2s ease-in-out}.project:hover .project_image{filter:grayscale(0%)}.project:hover{background:#fff;transform:scale(1.05);cursor:pointer}.project_image{width:100%;object-fit:cover}.project_details{padding:.5rem;text-align:center}.project_details_name{color:var(--text-color);font-weight:600;font-size:.8rem;margin:0;font-family:Poppins,sans-serif}.projects-hint{background:#ffffffeb;color:#222;border-radius:9999px;padding:.35rem .6rem;font-size:clamp(.55rem,.55vw,.9rem);line-height:1;white-space:nowrap;box-shadow:0 6px 24px #0000001f;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:flip-fade-in .24s ease-out forwards,flip-fade-out .42s ease-in forwards 3.6s}.projects-hint--mobile{display:inline-flex}@media (min-width: 901px){.projects-hint--mobile{display:none}}.flipbook-hint{background:#ffffffeb;color:#222;border-radius:9999px;padding:.35rem .6rem;font-size:clamp(.55rem,.55vw,.9rem);line-height:1;white-space:nowrap;box-shadow:0 6px 24px #0000001f;pointer-events:none;opacity:0;animation:flip-fade-in .24s ease-out forwards,flip-fade-out .42s ease-in forwards 3.6s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes flip-fade-in{to{opacity:1}}@keyframes flip-fade-out{to{opacity:0}}@media (max-width: 900px){.flipbook-hint{font-size:clamp(.6rem,2vw,.95rem);padding:.4rem .7rem}}@keyframes princessGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.contact{height:auto;margin:1rem;padding:.1rem;border-radius:10px;min-width:unset;position:relative;z-index:1;overflow:visible;box-shadow:0 4px 12px #00000014;border:1px solid rgba(255,192,203,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:100%;align-items:center;justify-content:center;display:flex;flex-direction:column;font-size:.9rem;bottom:3rem}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;width:100%;height:100%;max-width:100%;min-width:unset;background:linear-gradient(135deg,#fff0f5,#ffe6f0,#fcd6e5,#f3e0ec,#fff0f5);background-size:300% 300%;animation:princessGradient 12s ease-in-out infinite;opacity:1;border:2px solid #ff99cc}.contact_div{width:100%;max-width:400px;padding:.5rem;margin-top:.4rem;justify-content:center;align-items:center;display:flex;flex-direction:column;align-items:flex-start;padding:.25rem;border:8px purple}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact_ul{display:flex;flex-direction:column;gap:.75rem;color:#4a4a4a;width:auto;max-width:400px;animation:fadeIn 1s ease-in-out}.contact_li{display:flex;align-items:center;gap:.75rem;transition:transform .2s ease,color .2s ease;color:#000;border:5px yellow}.contact_li:hover{transform:scale(1.05);color:#a3365d;font-weight:500}.contact a:hover{color:#a3365d}.contact_icon{color:#d94f8c;flex-shrink:0}.contact a{color:#000;text-decoration:none;transition:color .2s ease;word-break:break-word}@media (min-width: 901px){.section--right{align-items:flex-start}.contact{margin-top:calc(68vh - 22rem);margin-right:calc(5vw - 1vh)}.contact_footer{margin-right:calc(5vw - 1vh);margin-bottom:9vh}}.resume_button_wrapper{background:#fef8ff;padding:.2rem;margin:0 auto;margin-top:-2rem;border-radius:12px;border:2px solid #ff99cc;box-shadow:0 0 20px #da70d633}.resume_button{padding:.95rem 1.5rem;display:inline-block;font-weight:600;border-radius:12px;background:#fff;color:#e75480;text-decoration:none;transition:all .3s ease;box-shadow:0 0 10px #f9c8}.resume_button:hover{background:#ff8cbf;color:#fff0f5!important;box-shadow:0 0 20px #f9c,0 0 30px #f9ca}.contact_footer{position:absolute;width:100%;bottom:2rem;font-size:.65rem;background:#fff0f5b3;padding:.7rem .75rem;border-radius:8px;color:#000;max-width:240px;text-align:right;z-index:10;border:1px solid #ff99cc}@media (max-width: 900px){.contact_footer{margin-bottom:39rem;margin-right:2rem}.contact{margin-right:2rem;margin-bottom:0rem}}.footer_link{display:inline-block;margin-top:0;margin-bottom:.4rem;color:#d94f8c;font-weight:500;text-decoration:underline}.menu{display:flex;justify-content:center;align-items:center;padding:1rem;position:fixed;top:0;left:4rem;right:4rem;background:#f5f3ef8a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.menu_buttons{position:relative;display:flex;gap:clamp(.5rem,2.7vw,1rem);align-items:center;flex-wrap:wrap;justify-content:center;margin-inline:auto}.menu_star{position:absolute;left:-.52rem;bottom:clamp(-1.2rem,-2.2vh,-.9rem);transform:translate(calc(var(--x, 0px) - 50%));transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .18s ease,filter .24s ease;font-size:clamp(16px,2.1vw,22px);line-height:1;color:var(--watermelon-pink);text-shadow:0 1px 0 rgba(0,0,0,.05),0 0 6px rgba(231,115,131,.55),0 0 12px rgba(231,115,131,.35);filter:drop-shadow(0 4px 8px rgba(0,0,0,.01));pointer-events:none;z-index:1001;opacity:0}.menu_button{font-weight:700;color:var(--text-color);text-decoration:none;font-size:clamp(12px,2.6vw,16px)}.menu_button:hover{color:var(--watermelon-pink);cursor:pointer}.loading-screen{position:fixed;top:0;left:0;padding:4rem;width:100vw;height:100vh;z-index:1;display:grid;place-items:center;text-align:center;background-color:#dbb8d9;background-image:linear-gradient(0deg,#d3b9cd,#faf5f9 74%);opacity:1;transition:opacity 1s ease-in-out}.loading-screen--hidden{animation:fade-out .5s ease-in-out forwards 1s;pointer-events:none}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.loading-screen__title{font-size:3.8rem;font-weight:700;color:var(--dark-watermelon-pink);margin:0;font-family:Poppins,sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-style:italic}.progress__container{width:100%;height:1rem;background-color:#71666e6b;position:relative;overflow:hidden;border-radius:4px}.progress__bar{width:0;height:100%;background-color:var(--dark-watermelon-pink);transition:width .5s ease-in-out}.element-container{position:relative}.scroll-hint{position:absolute;left:50%;transform:translate(-50%,-10px);bottom:101px;background:--dark-watermelon-pink(255,255,255,.9);color:#222;border-radius:9999px;padding:8px 12px;font-size:14px;line-height:1.1;white-space:nowrap;box-shadow:0 6px 24px #0000001f;pointer-events:none;opacity:0;animation:hint-in .26s ease-out forwards,hint-out .42s ease-in forwards 4s;z-index:5}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,-10px)}}@keyframes hint-out{to{opacity:0;transform:translate(-50%,-18px)}}@media (max-width: 900px){.mobile--section--top{align-items:flex-start}.mobile--section--bottom{align-items:flex-end}.mobile--section--right{justify-content:flex-end}.mobile--section--left{justify-content:flex-start}.skills_div{display:flex;gap:1rem;overflow-x:auto;width:100%;max-width:100%;margin-right:0%}.skill{padding:.5rem;min-width:220px;margin:0}.projects_div{display:flex;justify-content:flex-start;overflow-x:auto;width:100%;max-width:100%}.project{min-width:220px}.contact{width:100%}.loading-screen__title{font-size:2rem}.contact_ul{font-size:.9rem}}.music_popup_overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--light-pink),.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:auto}.music_popup_div{background-color:var(--popup-bg);border:1px solid var(--popup-border);border-radius:1.25rem;box-shadow:var(--popup-shadow);padding:2.5rem 2rem;text-align:center;width:90vw;max-width:420px;font-family:Poppins,sans-serif}.music_popup_p{font-size:1.1rem;font-weight:400;color:#3d2e30;margin-bottom:1.5rem}.music_popup_button_div{display:flex;align-items:center;justify-content:center;gap:1rem}.music_popup_button{padding:.8rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:2rem;background:#fff;color:var(--btn-text-color);box-shadow:0 4px 10px #0000000d;cursor:pointer;transition:all .2s ease}.music_popup_button_old{padding:.5rem 1rem;border:1px solid var(--dark-watermelon-pink);border-style:solid;border-radius:.25rem;background:transparent;transition:box-shadow .2s ease}.music_popup_button:hover{background:var(--btn-hover-bg);box-shadow:0 0 12px #e3738340}.right_margin{margin-right:.5rem}.music_div{position:fixed;top:1rem;right:.625rem;z-index:50}.music_button{position:fixed;top:.75rem;right:.75rem;width:2.5rem;height:2.5rem;background:#f8e8ee99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,105,180,.3);color:var(--foreground);border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;padding:.625rem;transition:all .3s ease;box-shadow:0 4px 12px #0000000f}.music_button:hover{background:#f8c8dcb3;box-shadow:0 6px 14px #0000001a}.music_icon{width:100%;height:100%;color:#000;transition:color .2s ease}.group:hover .music-icon{color:var(--hot-pink)}@media (min-width: 475px){.music-container{right:1rem}.music-button{width:3.5rem;height:3.5rem;padding:1rem}}@media (min-width: 475px){.music_popup_div{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width: 640px){.music_popup_divx{padding-left:4rem;padding-right:4rem}}@media (max-width: 640px){.menu{flex-direction:column;gap:.5rem;padding-left:3rem}}@media (hover: none) and (pointer: coarse){.mobile-bottom-spacer{height:12svh;pointer-events:none}@supports not (height: 1svh){.mobile-bottom-spacer{height:12vh}}}