:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-height:100vh;width:100%;font-family:Playfair Display,serif;padding:0}#root{width:100%;min-height:100vh;background:linear-gradient(to bottom,#f9a8d4,#d6b0f2);margin:0;box-sizing:border-box;padding:0}.fairy-shell{min-height:100vh;background:url(/Meg/bg.jpg) center center / cover no-repeat fixed;display:flex;flex-direction:column;align-items:center;padding:2rem;font-family:Papyrus,"Cursive",serif;color:#5a2a73;position:relative;overflow-x:hidden;width:95%}.fairy-shell h1{text-shadow:1px 1px 2px #00000030}.slogan{font-family:Georgia,serif;font-style:italic;font-size:1.2rem;color:#5a2a73;text-shadow:1px 1px 2px #00000030;margin-top:-10px;margin-bottom:20px;animation:fadeInUp 1s ease-out}.fairy-shell h1{font-size:2.3rem;margin-bottom:2rem;text-align:center;color:#683978;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;position:relative;font-family:Times New Roman,Times,serif;font-weight:bolder;padding:10px 20px}.logo-img{animation:fadeIn 1.2s ease-in-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.links{width:40%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.offline-warning{background-color:#ffe4ec;color:#a33a5f;padding:1rem;border:1px solid #f4c6d8;border-radius:10px;font-weight:500;margin:1rem auto;text-align:center;max-width:90%;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.animate-charcter{text-transform:uppercase;background-image:linear-gradient(135deg,#bf03f3,#9a08a7,#27123f,#6b6eff,#3d3aee);background-size:200% auto;color:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 5s linear infinite;display:inline-block;font-size:5rem;text-align:center;text-shadow:2px 2px 3px rgba(30,0,45,.3)}@keyframes textclip{to{background-position:-200% center}}.nav-links{width:40%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin-top:20px}.nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:4px;background-color:#05377d;color:#fff;text-decoration:none;font-weight:500;transition:all .2s ease;margin:10px 0;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.nav-link:hover{background-color:#11baf7;transform:translateY(-1px)}.icon{font-size:.9em}.logo-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease;color:#5a2a73;font-weight:700;font-family:Georgia,serif;text-align:center;font-size:1.2rem}.logo-img{width:100%;height:auto;margin:20px 0;padding:10px;border-radius:10px;transition:transform .3s ease}.logo-img:hover{transform:scale(1.05)}.footer{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:20px;background:#2d0733a7;color:#fff;position:relative;bottom:0;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.footer a{color:#fff;text-decoration:none;margin:0 10px;font-weight:700}@media (max-width: 800px){#root{padding:0;background:linear-gradient(to bottom,#f9a8d4,#d6b0f2)}.fairy-shell{width:100%;padding:0;margin:0;font-size:1rem}.fairy-shell h1{font-size:1.6rem;margin-bottom:1.5rem;min-width:80%;text-align:center;color:#683978;text-shadow:1px 1px 4px rgba(255,255,255,.7)}.logo-img{width:90%;height:auto;background:#2d0733a7;margin:20px 0;padding:10px 20px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.links{width:100%;padding:0 10px;justify-content:center}.apk-download{padding:5px;letter-spacing:1px;text-align:center}.animate-character{font-size:8em}.nav-links{width:100%;justify-content:space-around;align-items:center}}.song-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem;width:100%;min-height:100vh}.song-card{position:relative;border:2px solid rgba(190,160,255,.212);border-radius:1.5rem;text-align:center;box-shadow:0 8px 16px #16131e33;transition:transform .3s ease;height:75vh;padding:0;border-radius:10px;background-color:transparent;border:3px solid transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all ease .3s;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-wrapper{position:absolute;top:0;left:0;right:0;width:100%;height:80%;overflow:hidden;box-shadow:0 4px 10px #c8b4ff80;background:#fff;border-top-left-radius:10px;border-top-right-radius:10px}.image-wrapper img{width:100%;height:100%;object-fit:cover}.song-title{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#000;font-size:2.4rem;margin-top:2rem;position:absolute;width:100%;bottom:0;left:0;right:0;text-shadow:7px 6px 8px rgba(66,68,90,1)}@media (max-width: 800px){.song-card-container{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;padding:0;min-height:100vh;min-width:100%;margin-bottom:5px}.song-card{min-height:65vh;padding:0;border-radius:2px;border:8px solid #df6ddb87;box-shadow:0 6px 12px #16131e99}.image-wrapper{height:80%;border-radius:12px 12px 0 0;box-shadow:0 4px 8px #c8b4ff66;background:#fff;overflow:hidden}.image-wrapper img{height:100%;width:100%;object-fit:cover}.song-title{font-size:1.5rem;margin-top:1rem;color:#000;padding:0 .5rem;text-align:center}}.home-screen{background:transparent;min-height:100vh;display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:10px 20px}.song-screen{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100vh;padding:0;background:transparent;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;position:relative;width:40%;margin-top:20px;box-sizing:border-box}.image-container{width:100%;height:100%;position:absolute;top:0;left:0;right:0;z-index:3;overflow:hidden;box-shadow:0 10px 30px #0000004d;margin:0;transition:transform .5s ease}.image-container:hover{transform:scale(1.05)}.image-container img{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease;animation:imageSplash 1s ease-in-out}.bg-lyrics{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:-2;color:#380550;font-size:1.8rem;text-align:center;padding:10px 20px;font-weight:700;opacity:.4;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;background:transparent}.bg-lyrics span{display:inline-block;transition:transform .3s ease,color .3s ease;color:#380550;font-size:1.1rem}.lyrics-card{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 30px;margin:0;width:100%;text-align:center;min-height:80px;position:absolute;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;cursor:pointer;box-shadow:0 8px 32px #00000040;border:1px solid rgba(255,255,255,.15);box-sizing:border-box;overflow:hidden;transition:all .3s ease}.lyrics-card.expanded{height:100%;background:#000000d9;padding:10px;z-index:10;cursor:zoom-out}.lyrics-text{transition:all .3s ease}.lyrics-card.expanded .lyrics-text{font-size:1.8rem;line-height:2;max-width:95%;text-shadow:1px 1px 5px rgba(0,0,0,.5)}.lyrics-text{font-size:1.2rem;font-weight:700;line-height:1.6;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;background:linear-gradient(90deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:capitalize;transition:all .3s ease;padding:0 15px;max-width:90%;word-wrap:break-word;-webkit-user-select:none;user-select:none}.stars-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.5}.star{position:absolute;animation:twinkle infinite alternate,gradientShift infinite alternate;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end))!important}@keyframes twinkle{0%{transform:scale(1) rotate(0);opacity:.2}to{transform:scale(1.3) rotate(10deg);opacity:1}}@keyframes gradientShift{0%{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end))}50%{background:linear-gradient(135deg,var(--gradient-end),var(--gradient-start))}to{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end))}}.star:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at center,white 0%,transparent 70%);opacity:.3;animation:sparkle 2s infinite alternate}@keyframes sparkle{0%{opacity:.1;transform:scale(.8)}to{opacity:.4;transform:scale(1.2)}}.progress-container{background:#00000081;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:0;margin:0;width:100%;position:absolute;bottom:15%;left:0;right:0;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0003;transition:all .3s ease}.progress-slider{width:100%;height:5px;-webkit-appearance:none;appearance:none;background:#fb0404;outline:none;border-radius:5px;transition:opacity .2s}.progress-slider:hover{opacity:1}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;cursor:pointer}.progress-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fcfcfc;cursor:pointer}input[type=range]{-webkit-appearance:none;appearance:none;width:100%}input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;background:linear-gradient(to right,#36b3e9,#fff);border:none;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:20px;width:20px;border-radius:50%;background:#ec99ff;margin-top:-4px}input[type=range]:focus{outline:none}.controls{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:2rem;position:absolute;top:3px;left:0;z-index:1}.control-button{background:#00000081;border:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:.5rem;color:#fff;font-size:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0003}.control-button:hover{background:#fff3;transform:scale(1.1)}.control-button:active{transform:scale(.95)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.loading{display:flex;align-items:center;justify-content:center;height:100%;background:transparent;color:#fff;position:fixed;width:100%;z-index:100;font-size:2rem;inset:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading span{background-color:#1a0a2e;color:#fff;padding:10px 20px}.error-message{color:#fff;background:#f00c;padding:10px;border-radius:5px;margin:10px 0;text-align:center;position:absolute;width:80%;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:999;width:100%}.modal-content{background:transparent;padding:2rem;border-radius:12px;max-width:90%;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 20px #0000004d}.download-button{background:#380550;color:#fff;padding:.5rem 1rem;margin:1rem;border:none;border-radius:6px;text-decoration:none}.cancel-button{margin-top:1rem;background:transparent;border:none;color:#fcf805;text-decoration:underline;cursor:pointer}.password-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.password-input{padding:.5rem;font-size:16px;border-radius:6px;border:1px solid #ccc}.verify-button{background-color:#44064a;color:#fff;padding:.5rem;border:none;border-radius:6px;cursor:pointer}.verify-button:hover{background-color:#0056b3}.modal-overlay{position:absolute;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:999;width:100%;animation:imageSplash 1s ease-in-out}.sonnet-modal{background:transparent;color:#e4e4e4;padding:2rem;border-radius:12px;max-width:90%;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 20px #0000004d}.sonnet-modal h2{font-size:1.8rem;color:#fdd700;margin-bottom:16px}.sonnet-modal p{font-size:1.1rem;font-weight:300;margin-bottom:24px}.modal-buttons{display:flex;justify-content:center;gap:16px}.sonnet-modal button{padding:10px 20px;border:none;border-radius:999px;cursor:pointer;font-size:1rem;transition:background .2s ease}.yes-btn{background-color:#043b0c;color:#fff}.yes-btn:hover{background-color:#05964d}.no-btn{background-color:#b31e2e;color:#fff}.no-btn:hover{background-color:#280303}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.Sonnet-overlay{position:absolute;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .5s ease}.Sonnet-content{background:linear-gradient(135deg,#1a0a2e,#2d1b4e);padding:0;width:100%;height:100%;box-shadow:0 10px 25px #00000080;border:1px solid #4a2d7a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.Controls{display:flex;justify-content:space-between;position:absolute;top:5%;left:0;width:98%;padding:5px;z-index:3;border-bottom:2px solid #fff}.Controls button{background:linear-gradient(to right,#6a3093,#a044ff);border:none;color:#fff;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #6a309366}.Controls button:last-child{background:linear-gradient(to right,#93303f,#f44)}.Controls button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6a309399}.Controls button:active{transform:translateY(0)}.Controls button svg{font-size:1.2rem}.lyrics-sonnet{font-size:1.4rem;line-height:1.6;text-align:center;color:#e6d6f7;min-height:10vh;display:flex;align-items:center;justify-content:center;padding:.5rem;background:#1e0f3c80;width:100%;box-shadow:inset 0 0 15px #0000004d;font-style:italic;position:relative;text-transform:capitalize;position:absolute;bottom:0;left:0;right:0;z-index:3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Sonnet-content img{width:100%;height:100%;object-fit:cover;animation:imageSplash 1s ease-in-out;transition:all .3s ease}@media (max-width: 800px){.song-screen{min-width:100%;height:100vh;padding:5px;background:linear-gradient(135deg,#d07bed,#0c111f85);box-sizing:border-box;animation:none}.lyrics-sonnet{padding:5px;font-size:1.2rem;bottom:0}.image-container{width:100%;height:100%;margin-bottom:1rem;border:2px solid rgba(255,255,255,.1);box-shadow:0 6px 20px #00000040;overflow:hidden}.image-container:hover{transform:none}.image-container img{height:100%;width:100%;object-fit:cover}.lyrics-card{padding:12px 20px;min-height:100px;margin-top:.5rem;box-shadow:0 6px 24px #0000004d;width:100%}.lyrics-text{font-size:1.1rem;padding:0 10px;max-width:100%}.progress-container{position:relative;bottom:auto;left:auto;right:auto;margin-top:1rem;width:100%;padding:0 10px}.progress-slider{height:6px}.controls{position:relative;top:auto;left:auto;width:100%;margin-top:1rem;justify-content:center;gap:1rem}.control-button{width:50px;height:50px;font-size:1.2rem;margin:0 .3rem}.stars-container{opacity:.3}.loading{font-size:1.4rem;flex-wrap:wrap}.download-options{display:flex;flex-direction:column}.download-button{margin:5px}}.quote-screen{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100vh;padding:0;background:transparent;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;position:relative;width:40%;margin-top:20px}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 3s ease;z-index:0}.notification{position:fixed;bottom:20%;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:10px 20px;border-radius:5px;z-index:1000;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes imageSplash{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.frame{--w: 100%;--h: 100%;--img: url();display:grid;width:var(--w);height:var(--h);grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden}.slice{width:calc(100% + .5px);height:calc(100% + .5px);background-image:var(--img);background-size:800% 800%;position:relative;transition:all 1s ease-out;transform:translate(0) translateY(0) rotate(0)}.frame:hover .slice{transform:translate(0) translateY(0) rotate(0)!important}@media (max-width: 800px){.quote-screen{width:100%;padding:0;margin-top:20px}.background-image{object-fit:cover}}.playlist-container{padding:20px;background:transparent;width:40%}.song-item{display:flex;align-items:center;padding:10px;border-radius:0;width:95%;height:10vh;gap:0;margin:0;box-shadow:none;background-color:#f3a0cc82;border:1px solid #000;position:relative}.song-item.active{background-color:#7f3fa8cb;color:#fff0fa}.song-item.active .song-titles,.song-item.active .play-btn,.song-item.active .loop-btn{color:#fff0fa}.song-item.active .progress-bar,.song-item.active .progress{background-color:#fff0fa}.song-titles{flex:1;font-size:1.2rem;color:#330035}button{background:none;border:none;font-size:1.5rem;cursor:pointer}.song-item.active button{color:#fff5f7}.song-item.active button.active{color:#fdd700}.loop-on{color:#ff1493}.progress-container{position:absolute;bottom:5px;left:0;right:0;height:10px;padding:0;background:#2d0a4d1a;border-radius:0 0 10px 10px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center}.progress-bar{width:100%;height:100%;background:#984f9f;border-radius:5px;margin-top:5px;overflow:hidden}.progress{height:100%;background:#e60073;transition:width .2s ease}.error-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.error-modal{background:#f3a0ccc6;padding:25px;border-radius:10px;max-width:600px;width:90%;position:relative;box-shadow:0 4px 20px #0003;color:#2d0a4d}.close-error{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#2d0a4d;cursor:pointer;font-size:18px}.error-actions{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.error-actions button{flex:1;padding:8px 12px;border:none;border-radius:5px;background:#2d0a4d;color:#fff;cursor:pointer;transition:all .2s}.error-actions button:hover{background:#3d0f63;transform:translateY(-1px)}.loop-button{transition:all .2s ease}.loop-button.active{color:#fdd700}.fancy-error{background:#f3a0ccc6;border-radius:1rem;padding:2rem;box-shadow:0 0 20px #0000001a;font-family:Playfair Display,serif;text-align:center;animation:fadeInUp .5s ease-out}.fancy-error h3{font-size:1.8rem;color:#c0392b}.error-subtext{color:#3d0f63;font-style:italic;margin-bottom:1rem}.error-actions button:hover{background-color:#27ae60}@keyframes fadeInUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 800px){.playlist-container{padding:10px;background:transparent;width:100%}.song-item{display:flex;align-items:center;padding:0;border-radius:0;width:99%;min-height:20vh;gap:0;margin:0;box-shadow:none;background-color:#f3a0cc50;border:1px solid #000;position:relative}.song-item.active{background-color:#803fa88d;color:#fff0fa}.song-titles{font-size:1.3rem}.song-item.active .song-titles,.song-item.active .play-btn,.song-item.active .loop-btn{color:#fff0fa}.play-btn,.loop-btn{font-size:1.5rem;color:#fff0fa}.song-item.active .progress-bar,.song-item.active .progress{background-color:#fff0fa}.progress-bar{margin-top:30px;width:95%}.error-actions button{font-size:1.3rem;padding:8px;border:none;border-radius:5px;background:#2d0a4d;color:#fff;cursor:pointer;transition:all .2s}}.about-screen{width:100%;display:flex;flex-direction:column;align-items:center;padding:0;background-color:transparent;min-height:100vh;overflow:hidden;background:url(/Meg/bg.jpg) center center / cover no-repeat fixed}.about-screen h1{color:#430a4d;font-family:Playfair Display,serif;font-size:2.5rem;margin:20px 0;text-align:center;text-shadow:1px 1px 2px #00000030;font-weight:700}.about-screen p{color:#5a2a73;font-family:Georgia,serif;font-size:1.2rem;line-height:1.6;max-width:800px;text-align:center;margin:0 auto 20px;padding:0 20px;text-shadow:1px 1px 2px #00000030}.apk-download{display:block;margin:10px;padding:10px 20px;background-color:#430a4d;color:#fff;text-decoration:none;font-weight:700;letter-spacing:4px;border-radius:5px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;transition:background-color .3s ease}.apk-download:hover{text-decoration:underline}.about-page{width:80%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;background-color:transparent;min-height:100vh;align-items:start;justify-items:center}.about-link{flex:1;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease;color:#5a2a73;font-weight:700;font-family:Georgia,serif;text-align:center;font-size:1.2rem}.about-card{background-color:#fefefe5b;border:1px solid #ddd;border-radius:10px;padding:0;text-align:center;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;transition:transform .2s ease;position:relative}.about-card img{width:100%;height:100%;object-fit:cover}.about-card .about-icon{width:75px;height:75px;position:absolute;top:10px;left:10px;z-index:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fffc;box-shadow:#4342421a 0 4px 6px -1px,#0000000f 0 2px 4px -1px}.about-card h3{position:absolute;bottom:10px;right:10px;z-index:1;color:#430a4d;text-shadow:5px 1px 2px #00000030;background-color:#fffc;padding:10px 20px;border-radius:5px;font-family:Georgia,serif}.about-card:hover{opacity:.9}.about-person{width:40%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;background-color:transparent;min-height:100vh}.about-person h1{color:#430a4d;font-family:Playfair Display,serif;font-size:2rem;margin:20px 0;text-align:center;text-shadow:2px 2px 2px #00000030;font-weight:700}.about-person p{color:#5a2a73;font-family:Georgia,serif;font-size:1.2rem;line-height:1.6;max-width:800px;text-align:center;margin:0 auto 7px;padding:0 20px;text-shadow:2px 2px 2px #00000030}.about-character{color:#654509}.about-photo{width:300px;height:400px;border-radius:6%;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;margin:20px 0;object-fit:cover;image-rendering:auto;transition:transform .2s ease}.about-details{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:transparent}.about-details p{text-align:justify;margin:10px 0}.listen-song-link{display:inline-flex;align-items:center;color:#05377d;text-decoration:none;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:500;transition:all .2s ease;margin-left:5px;cursor:pointer}.listen-song-link:hover{text-decoration:underline}.about-description{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:20px;background-color:transparent;margin-bottom:20px}.about-qrcode{display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-right:10px}@media (max-width: 800px){.about-screen{width:98%}.about-page{grid-template-columns:1fr;width:100%;padding:10px}.about-person{width:100%}.about-screen h1{font-size:1.4rem}.about-screen p{font-size:1rem}.listen-song-link{font-size:1.2rem}.about-photo{width:250px;height:350px}.about-description{flex-direction:column-reverse;align-items:center;text-align:center}}