@import"https://fonts.googleapis.com/css2?family=Gabarito:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;place-items:center;transition:background-color .3s,color .3s;min-height:100vh;cursor:url(/vintage0cursor.svg),auto}a{cursor:url(/vintage0pointer.svg),auto}button{cursor:url(/vintage0pointer.svg),auto}.quicksand{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500}h1{font-family:Special Elite,system-ui;text-align:center;font-size:23px}@media (max-width: 768px){.container01{padding:0 20px}h1{margin-bottom:30px}}@media (min-width: 769px){.container01{padding:0 45px}h1{margin-bottom:60px}}@media (min-width: 1224px){.container01{padding:0 9vw}}.page .dark{height:100%;width:100%;background-color:#b5e212;z-index:-1}.container01{margin:32px 0;width:100vw;display:flex;flex-direction:column}@media (min-width: 769px){.navbar{width:auto;padding:10px;display:flex;justify-content:flex-end}.navbar ul{list-style:none;display:flex;gap:3vw;margin:0;padding:0}.navbar ul li a{text-decoration:none;padding:8px 12px;font-size:14px;font-weight:400;font-family:DM Sans,sans-serif;position:relative;cursor:url(/vintage0pointer.svg),pointer}.navbar ul li a:visited{color:inherit}a{text-decoration:none;position:relative}a:after{content:"";display:block;position:absolute;justify-content:center;align-items:center;width:100%;height:2px;margin-top:4px;opacity:1;transform:scale(0);transform-origin:center;transition:transform .3s ease}a:hover:after,a:focus:after{transform:scale(1)}.menu-toggle{display:none}}@media (max-width: 768px){.menu-toggle{display:block;position:fixed;right:10px;top:10px;width:50px;height:50px;font-size:42px;border:none;background:none;z-index:1002;cursor:pointer}.menu-toggle .icon{position:absolute;top:0;left:0;right:0;text-align:center;transition:opacity .3s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0;pointer-events:none}.nav-links{display:none;flex-direction:column;position:fixed;top:0;right:0;width:100vw;height:100%;z-index:1000;padding:10px}.nav-links.light{background-color:#9c16d178;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-links.dark{background-color:#0717249a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-links.open{display:flex}.navbar ul{align-items:center;list-style:none;gap:70px;padding:100px 0}.navbar ul li a{color:#313838;text-decoration:none;padding-bottom:20%;font-size:8vw;font-weight:300;font-family:DM Sans,sans-serif;position:relative}.navbar ul li a:visited{color:inherit}.navbar.light ul li a{color:#3af8f8}.navbar.dark ul li a{color:#ac14d2}}.app-wrapper{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;transition:background-color .3s,color .3s}.app-wrapper.light{background-color:#fff}.app-wrapper.dark{background-color:#bf94ff;color:#e2e7e8}.app-wrapper.new{background-color:#1a1a1a;color:#e2e7e8}.theme-switcher{bottom:210px!important;top:auto!important}.header-navbar-wrapper{width:100%;display:flex;justify-content:center;align-items:center;padding-top:6px;min-height:120px}@media (min-width: 769px){.header-navbar-wrapper{position:sticky;top:0;z-index:100}.header-navbar-wrapper.light{background:#fff}.header-navbar-wrapper.dark{background:linear-gradient(to bottom,#f0f,#f0f9 70%,#f0f)}}.project-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;max-width:1300px;margin:0 auto;font-family:DM Sans,sans-serif}.project-div{display:flex;flex-direction:column;justify-content:center;margin:30px;padding:20px;border-radius:25px;width:fit-content;min-width:250px;max-height:400px;box-shadow:0 5px 8px #62626249;background-color:#fff}.project-image{display:flex;align-items:center;border-radius:25px;width:200px;height:300px;background-color:#c2c2c213;margin-bottom:24px}.project-image>img{width:100%;padding:10%}.project-div>h3{max-width:200px;color:#454545}.view-project-link{cursor:url(/vintage0pointer.svg),auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:DM Sans,sans-serif}.modal{display:flex;flex-direction:column;justify-content:center;background-color:#fff;color:#4e4e4e;padding:20px;border-radius:8px;width:80%;max-width:600px;box-shadow:0 4px 8px #0003;position:relative}.close-modal{position:absolute;top:10px;right:10px;background:none;border:none;cursor:url(/vintage0pointer.svg),auto}.modal>h3{margin-bottom:20px}.visit-project-link,.view-project-link{font-weight:500;padding-top:10px;text-decoration:none;color:#dc3ce2}.contact-div{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.griddy-css{display:flex;flex-direction:column;align-items:center;grid-template-columns:1fr;width:100%;max-width:1300px;justify-content:center;align-self:center}.hana-photo{width:100%}.contact-right{display:flex;flex-direction:column;justify-content:space-around;align-self:center}.contact-text{margin-top:20px}.social-icons-container{display:flex;justify-content:center;gap:1.5em;margin-top:38px}.social-icon{width:3em;height:auto}@media (min-width: 450px){.griddy-css{grid-template-columns:1fr;gap:10px}.hana-photo{width:70vw;border-radius:55px 55px 0 0}.contact-text{margin-top:20px}}@media (min-width: 770px){.griddy-css{display:grid;align-items:flex-start;grid-template-columns:1fr 2fr;gap:25px;padding:0 20px}.hana-photo{border-radius:55px 0 0 55px;width:20em}.contact-text{margin-top:0}}:root{--cherry-theme-border: rgba(221, 137, 240, .435);--cherry-theme-div-background: rgba(219, 68, 108, .036);--cherry-theme-body-font: rgba(96, 56, 67, .753)}.tiger{width:50%;max-width:400px;transform:rotate(-15deg)}.emb-cont-div{position:absolute;display:flex;flex-direction:column;align-items:center;width:80vw;max-width:1300px;height:40vw;max-height:820px;z-index:1}.emb-cont-div-cpy{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80vw;max-width:1300px;z-index:1;padding:50px}.emb-text1{position:relative;font-family:DM Sans,sans-serif;font-size:20px}.emb-div{width:100%;display:flex;flex-direction:column;align-items:center;gap:60px}@media (max-width: 768px){.emb-text1{margin:140px 0 20px;font-weight:400;padding:5%;text-align:justify}.flower-on-top,.flower-on-top2{position:absolute;z-index:2}.flower-on-top2{animation:rock2 2.6s infinite ease-in-out;transform-origin:center;width:80px;height:80px;margin:30px;position:relative;transform:rotate(25deg)}.emb-cont-div{width:90vw}}@media (min-width: 768px){.griddy{width:80vw;max-width:1300px}.griddy>*{max-width:350px}.flower-on-top,.flower-on-top2{position:absolute;z-index:2}.flower-on-top2{animation:rock2 2.6s infinite ease-in-out;transform-origin:center;width:80px;height:80px;position:relative}.emb-text1{position:absolute;font-weight:200;padding:24%;margin-top:400px}}@font-face{font-family:HanaWiggle;src:url(./illu_typ/HanaWiggle-Regular.ttf)}.font{position:relative;right:0%;top:60vh}.HanaWiggle{font-family:HanaWiggle,sans-serif;font-size:2em}.setit-together{position:relative;width:50%;max-width:800px}.setit-together{transition:transform .3s ease;transform-origin:top center}.setit-together:hover{transform:rotate(5deg)}.setit-together img{position:absolute;top:0;left:0;height:auto}.gold-frame{position:relative;width:100%;height:auto;pointer-events:none}.img-type-illu{display:block;width:47%;height:auto;margin:25% 27% auto}@media (max-width: 768px){.setit-together{width:100%}}.theme-switcher{width:55px;border-radius:35px;position:fixed;right:10px;top:150px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:space-around;background-color:#f0f8ff;z-index:300;opacity:90%;padding:10px 0}.theme-switcher.light,.theme-switcher.dark{background-color:#292828}.theme-slider{position:absolute;width:47px;height:47px;border-radius:50%;background-color:#b9b9b9dc;transition:top .4s ease-out,background-color .8s ease-out,opacity .8s ease-out;z-index:-1}.theme-slider.light{top:7px;background-color:#585858;opacity:1}.theme-slider.dark{top:59px;background-color:#585858;opacity:1}.theme-button{width:40px;height:40px;padding:10px;border:none;border-radius:50%;transition:opacity .3s;cursor:url(/vintage0pointer.svg),pointer}.dot-inside{width:20px;height:20px;border-radius:50%;background-color:#e72323;position:relative}.theme-button.light{background-image:repeating-conic-gradient(#05790e,#05790e 25%,#5aff47 0%,#5aff47 50%);background-position:0 0,10px 10px;background-size:7px 7px;background-color:#5aff47;border:2px solid #c0ffb3;color:#000;opacity:.7}.theme-button.dark{background:#520fee;border:2px solid #d1b3ff;color:#fff;opacity:.7}.theme-button.light.active{color:#fff;opacity:1;cursor:url(/vintage0cursor.svg),auto}.theme-button.dark.active{box-shadow:none;color:#fff;opacity:1;cursor:url(/vintage0cursor.svg),auto}@media (min-width: 769px){.theme-switcher{width:45px;border-radius:30px;top:10px;gap:10px;padding:8px 0}.theme-slider{width:38px;height:38px}.theme-slider.light{top:6px}.theme-slider.dark{top:50px}.theme-button{width:34px;height:34px;padding:8.5px}}:root{--main-color: #e617ea;--dark-color: #e617ea;--light-color: #292828;--gray-color: #655e5e;--whatever-color: #ce1072;--player-bg: var(--light-color)}body.dark .player{--audio-button-color: rgb(113, 111, 50);--audio-button-hover-color: rgb(136, 90, 206);--audio-range-track: rgba(30, 241, 234, .304);--audio-range-progress: #e617ea;--minimize-btn-bg: #292828;--minimize-btn-icon: rgb(255, 255, 255);--player-bg: #bf94ff}body.light .player{--audio-button-color: rgba(255, 255, 255, .374);--audio-button-hover-color: rgb(207, 207, 207);--audio-range-track: rgba(255, 255, 255, .795);--audio-range-progress: rgba(46, 168, 103, .692);--minimize-btn-bg: rgba(222, 240, 231, .249);--minimize-btn-icon: var(--audio-button-color);--player-bg: var(--light-color)}*{padding:0;margin:0;box-sizing:border-box;font-family:Gabarito,sans-serif}a,button{cursor:url(./vintage0pointer.svg),auto}.title-bar{position:absolute;top:5px;right:5px;width:auto;background:transparent;display:flex;justify-content:flex-end;align-items:center;z-index:100}.minimize-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:2px;border:none;border-radius:50%;z-index:100;transition:all .2s ease;background:var(--minimize-btn-bg)}.minimize-btn:hover{background:var(--light-color);transform:scale(1.1);border:1px solid var(--minimize-btn-bg)}.minimize-btn i{font-size:.5rem;color:var(--minimize-btn-icon);display:block;line-height:1}.player.minimized{height:auto;width:auto;max-width:none;padding:10px 16px;display:flex;align-items:center;justify-content:center;border-radius:999px;background-color:var(--player-bg);box-shadow:0 5px 10px #00000040;position:fixed;right:10px;bottom:20px;transform-origin:bottom right;animation:shrinkIn .28s ease-in-out;--minimize-btn-bg: rgba(255, 255, 255, .6)}body.light .player.minimized{--minimize-btn-bg: #292828;--minimize-btn-icon: rgba(255, 0, 255, 1)}body.dark .player.minimized{--minimize-btn-bg: #292828;--minimize-btn-icon: var(--audio-button-color)}.player.minimized .title-bar{top:-32px;right:0;transform:none}.player.minimized .minimize-btn{background:var(--minimize-btn-bg);width:24px;height:24px}.player.minimized .minimize-btn i{font-size:.6rem}.mini-bar-content{display:flex;gap:6px;width:auto;margin:0;position:relative;justify-content:center;align-items:center;transform:scale(1.3);transform-origin:center}.mini-bar-content i{font-size:1.2rem;cursor:url(/vintage0pointer.svg),auto}button{border:none;outline-color:var(--dark-color);background-color:transparent;color:var(--dark-color)}button:active,button:hover{color:var(--main-color)}.player .audio-controls button,.player .mini-bar-content button,.player .volume-icon{color:var(--audio-button-color)}.player .audio-controls button:hover,.player .mini-bar-content button:hover,.player .volume-icon:hover,.player .audio-controls button:active,.player .mini-bar-content button:active{color:var(--audio-button-hover-color)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--audio-range-track);outline-color:var(--dark-color);cursor:url(/vintage0pointer.svg),auto;overflow:hidden;width:100%}input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;box-shadow:calc(-1 * var(--width)) 0 0 var(--width) var(--audio-range-progress)}input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;box-shadow:calc(-1 * var(--width)) 0 0 var(--width) var(--audio-range-progress)}.full-player-content{--width: clamp(250px, 70vw, 250px);background-color:var(--player-bg);width:100%;max-width:var(--width);padding:20px 20px 0;border-radius:10px;gap:20px;box-shadow:0 5px 10px #00000040;position:fixed;transition:all .3s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;right:10px;bottom:20px;transform-origin:bottom right;animation:expandIn .3s ease-in-out}.full-player-content>*{opacity:0;animation:fadeIn .6s ease-out .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shrinkIn{0%{opacity:0;transform:scale(1.03)}to{opacity:.9;transform:scale(1)}}@keyframes expandIn{0%{opacity:0;transform:scale(.98)}to{opacity:.9;transform:scale(1)}}.header .bi{font-size:1.25rem}.track-info{text-align:left;width:100%}.track-info{-webkit-user-select:none;user-select:none}.name{font-size:1rem;font-weight:500;margin-block:0px 2px}.artist{font-size:.85rem;font-weight:200}.name.dark{color:#ffffffa2}.artist.dark{color:#ffffff52}.name.light{color:#fff}.artist.light{color:#f3f3f3c6}.track-info .artist{font-size:.9rem;font-weight:500}.audio-n-volume-ctlr{display:flex;align-items:center;justify-content:space-between;width:107%;margin-bottom:17px}.seek-bar-container{display:flex;align-items:center;width:120%}.seek-bar{height:8px;border-radius:8px;margin:5px}.current-time{margin-left:1.2em;-webkit-user-select:none;user-select:none;color:#fff;font-size:.9rem}body.dark .seek-bar:hover{box-shadow:0 0 3px #ff00c3}body.light .seek-bar:hover{box-shadow:0 0 3px #adff2f}.duration{margin-right:1.2em;-webkit-user-select:none;user-select:none;color:#fff;font-size:.9rem}.audio-n-volume-ctlr span{-webkit-user-select:none;user-select:none}.volume-control{display:flex;align-items:center}.volume-icon{font-size:1.25rem;margin-right:0 5px 0 15px}.volume-bar{height:5px;border-radius:6px;width:66px}body.dark .volume-bar:hover{box-shadow:0 0 3px #ff00c3}body.light .volume-bar:hover{box-shadow:0 0 3px #adff2f}.audio-controls{display:flex;gap:.2em}.audio-controls button{font-size:1.8rem;line-height:1;display:flex}.shuffle.active i{color:var(--audio-button-hover-color)}.shuffle i{transition:color .2s ease}.play-pause.paused .bi:before{content:""}.play-pause:not(.paused) .bi:before{content:""}