:root{--bg-primary: #EAE0D5;--bg-secondary: #FFF6ED;--bg-container: #e5d8cb;--bg-hover: #f8f4f1;--bg-not-found: #f2f2f2;--color-accent: #A30000;--color-accent-dark: #710000;--color-accent-medium: #720000;--color-accent-caption: #5e0000;--color-text-dark: #333;--color-text-black: #000000;--color-grey-accent: #A67E7E;--sticky-bg-scrolled: rgba(234, 224, 213, .9);--sticky-bg-mobile: rgba(234, 224, 213, .95);--sticky-bg-mobile-scrolled: rgba(234, 224, 213, .98);--nav-active-bg: rgba(255, 255, 255, .8);--overlay-bg: rgba(255, 246, 237, .8);--overlay-bg-light: rgba(255, 246, 237, .7);--color-red-brand: #BC4749;--color-red-brand-hover: #933739;--color-gold-brand: #D5AC4E;--color-green-brand: #417F4B;--color-green-brand-hover: #3A7243;--color-slate-brand: #495166;--color-charcoal: #30343F;--orb1-color: rgba(84, 190, 127, .5);--orb2-color: #A9D563;--orb3-color: rgba(213, 172, 78, .5);--orb4-color: rgba(188, 71, 73, .5);--orb5-color: rgba(200, 100, 150, .5);--orb6-color: rgba(50, 50, 200, .5);--orb8-color: rgba(0, 128, 128, .5);--blur-rect-bg: #EAE0D5;--bars-color-1: #0A0908;--bars-color-2: #BA9A47;--bars-color-3: #EEEA82;--bars-color-4: #F6E5AE}[data-theme=dark]{--bg-primary: #30343F;--bg-secondary: #3D4250;--bg-container: #404558;--bg-hover: #4A4F63;--bg-not-found: #2A2E38;--color-accent: #DE4D5B;--color-accent-dark: #C43A48;--color-accent-medium: #E06070;--color-accent-caption: #D4737E;--color-text-dark: #D0D0D0;--color-text-black: #E0E0E0;--color-grey-accent: #C4A0A0;--sticky-bg-scrolled: rgba(48, 52, 63, .9);--sticky-bg-mobile: rgba(48, 52, 63, .95);--sticky-bg-mobile-scrolled: rgba(48, 52, 63, .98);--nav-active-bg: rgba(255, 255, 255, .15);--overlay-bg: rgba(61, 66, 80, .9);--overlay-bg-light: rgba(61, 66, 80, .8);--color-red-brand: #D45558;--color-red-brand-hover: #B5484A;--color-gold-brand: #E0BA58;--color-green-brand: #4E9A5A;--color-green-brand-hover: #3F8049;--color-slate-brand: #5D6680;--color-charcoal: #E0E0E0;--orb1-color: rgba(10, 9, 8, .5);--orb2-color: rgba(186, 154, 71, .5);--orb3-color: rgba(238, 234, 130, .5);--orb4-color: rgba(246, 229, 174, .5);--orb5-color: rgba(10, 9, 8, .35);--orb6-color: rgba(186, 154, 71, .35);--orb8-color: rgba(238, 234, 130, .35);--blur-rect-bg: #30343F}html,body{width:100%;overflow-x:hidden;overflow-x:clip}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;overflow-x:hidden;overflow-x:clip}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;width:100%;overflow-x:hidden;overflow-x:clip}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Galgine;src:url(/assets/Galgine-C6cgRZxE.otf) format("opentype");font-display:swap}h1{font-family:Galgine,serif;color:var(--color-accent)}@keyframes fallIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.fall-in{animation:fallIn .5s ease-in-out forwards}#centerpiece2 h1{color:var(--color-accent);text-align:center;font-family:Galgine,serif;font-size:96px;font-weight:400}.projects-description{font-family:EB Garamond,serif;font-size:30px;color:var(--color-accent);margin-top:20px}.AboutMeTextSmall{color:var(--color-accent-dark);font-family:EB Garamond,serif;font-size:28px;font-style:normal;font-weight:400;line-height:normal;text-align:left}#sticky-header{position:sticky;top:20px;background-color:transparent;display:flex;justify-content:center;align-items:center;gap:20px;z-index:1000;padding:10px 20px;box-sizing:border-box;width:calc(50% - 40px);margin:0 auto;border-radius:50px;transition:all .3s ease}#sticky-header.scrolled{background-color:var(--sticky-bg-scrolled)}.nav-btn{border:2px solid transparent;width:100px;height:50px;flex-shrink:1;border-radius:20px;background:transparent;color:var(--color-accent);font-family:EB Garamond,serif;font-size:20px;text-align:center;flex-direction:column;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .3s,border-color .3s,font-size .3s;text-decoration:none}.nav-btn.scrolled{background:transparent;border-color:transparent}.nav-btn.active{background:var(--nav-active-bg);border-color:var(--nav-active-bg)}@media(max-width:1200px){.nav-btn{width:150px;height:50px;font-size:24px}}@media(max-width:992px){.nav-btn{width:130px;height:45px;font-size:20px}}@media(max-width:768px){.nav-btn{width:120px;height:30px;font-size:14px;border-radius:10px}#sticky-header{width:300px;margin:0 auto;border-radius:20px;padding:5px 10px;top:10px;background-color:var(--sticky-bg-mobile)}#sticky-header.scrolled{background-color:var(--sticky-bg-mobile-scrolled);box-shadow:0 2px 8px #0000001a}}@media(max-width:576px){.nav-btn{width:90px;height:30px;font-size:10px;border-radius:8px}#sticky-header{width:260px;margin:0 auto;border-radius:20px;top:10px;background-color:var(--sticky-bg-mobile);gap:8px}#sticky-header.scrolled{background-color:var(--sticky-bg-mobile-scrolled);box-shadow:0 2px 8px #0000001a}}#centerpiece{display:flex;justify-content:center;align-items:center;width:100%;max-width:744px;height:297px;margin:240px auto 0;padding:0 20px;box-sizing:border-box}#centerpiece h1{color:var(--color-accent);text-align:center;font-family:Galgine,serif;font-size:96px;font-weight:400;line-height:1.1}#centerpiece h1 .line1,#centerpiece h1 .line2{display:inline-block;white-space:nowrap}#centerpiece1{display:flex;justify-content:center;align-items:center;width:100%;max-width:1200px;height:141px;flex-shrink:0;margin:70px auto;padding:0 20px;box-sizing:border-box}#centerpiece1 h1{color:var(--color-accent);text-align:center;font-family:Galgine,serif;font-size:96px;font-weight:400}@font-face{font-family:Galgine;src:url(/assets/Galgine-C6cgRZxE.otf) format("opentype");font-display:swap}.button-container{display:flex;flex-direction:column;align-items:center;margin:160px auto;max-width:1400px;padding:0 20px;gap:60px;box-sizing:border-box}.button-row{display:flex;justify-content:center;gap:60px}.small-btn,.small-btn2,.small-btn3{width:519px}@media(max-width:1200px){#centerpiece{margin:160px auto 0;height:auto;padding:20px}#centerpiece h1,#centerpiece1 h1{font-size:72px}.button-container{margin:80px auto;gap:40px}.button-row{flex-direction:column;gap:20px}.small-btn,.small-btn2,.small-btn3{width:680px}}@media(max-width:900px){#centerpiece h1,#centerpiece1 h1{font-size:56px}.button-container{margin:60px auto}.small-btn,.small-btn2,.small-btn3{width:90%;max-width:500px}}@media(max-width:600px){#centerpiece{margin:100px auto 0;height:auto}#centerpiece h1{font-size:44px}#centerpiece1{margin:40px auto;height:auto}#centerpiece1 h1{font-size:44px}.button-container{margin:40px auto;gap:30px}.button-row{gap:15px}}.large-btn,.small-btn,.small-btn2,.large-btn2,.small-btn3,.large-btn3{margin-bottom:28px}@media(max-width:480px){#centerpiece{margin:80px auto 0;padding:10px}#centerpiece h1{font-size:36px}#centerpiece1{margin:30px auto}#centerpiece1 h1{font-size:36px}.button-container{margin:30px auto;gap:20px}.button-row{gap:10px}}body{background:var(--bg-primary);margin:0;overflow-x:hidden;overflow-x:clip}.orb-container{position:relative;top:0;left:0;width:100%;height:100%;z-index:-1}.orb{position:absolute;border-radius:50%;filter:blur(150px);will-change:transform}#orb1{width:502px;height:471px;background:var(--orb1-color)}#orb2{width:687px;height:673px;background:var(--orb2-color)}#orb3{width:881px;height:838px;background:var(--orb3-color)}#orb4{width:698px;height:654px;background:var(--orb4-color)}#orb5{width:698px;height:654px;background:var(--orb5-color)}#orb6{width:487px;height:473px;background:var(--orb6-color)}#orb8{width:700px;height:700px;background:var(--orb8-color)}.blur-rectangle{position:absolute;width:140%;height:1000px;top:600px;left:-20%;background:var(--blur-rect-bg);filter:blur(150px);border-radius:100px}@media(max-width:720px)and (max-height:1280px){.orb{filter:blur(90px)}#orb5,#orb6,#orb8{display:none}#orb1{width:220.88px;height:206.64px;background:var(--orb1-color)}#orb2{width:302.64px;height:296.64px;background:var(--orb2-color)}#orb3{width:387.28px;height:368.72px;background:var(--orb3-color)}#orb4{width:307.52px;height:287.76px;background:var(--orb4-color)}#orb5{width:307.52px;height:287.76px;background:var(--orb5-color)}#orb6{width:214.64px;height:208.64px;background:var(--orb6-color)}#orb8{width:308px;height:308px;background:var(--orb8-color)}}.bottom-bar{position:relative;bottom:0;width:100%;height:404px;background:var(--bg-primary);color:var(--bg-primary);display:flex;justify-content:center;align-items:center;padding:20px 50px;box-sizing:border-box;flex-wrap:wrap;gap:20px;z-index:1}.group-left,.group-right{display:flex;flex-direction:column;gap:10px;width:600px;background:var(--bg-primary);border-radius:10px;padding:20px;box-sizing:border-box}.group-left,.group-right{align-items:flex-start}.columns{display:flex;justify-content:space-between;width:100%}.column{display:flex;flex-direction:column;gap:5px}.column-title{font-size:24px;font-weight:700;color:var(--color-accent);font-family:Galgine,sans-serif;margin-bottom:-3px}.inline-container{display:flex;align-items:center;gap:10px}.inline-container .name1{margin-top:-2px}.inline-container .ellipse5,.inline-container .button11{margin-top:2px}.lastfmrect1{width:533px;height:95px;border-radius:26px;background:var(--bg-secondary);overflow:hidden;box-sizing:border-box}.bottomtext1{color:var(--color-accent);font-family:Galgine,sans-serif;font-size:20px;font-weight:400}.name1{width:136px;height:29px}.ellipse5{width:7px;height:7px;background:var(--color-accent);border-radius:50%}.button11{border:none;background:none;cursor:pointer;position:relative}.button-text1{width:109px;height:29px}.overlay{width:646px;height:226px;border-radius:34px;background:var(--overlay-bg);position:absolute;bottom:100%;left:250%;transform:translate(-50%) translateY(-10px);display:flex;z-index:10;opacity:0;transition:opacity .5s ease}.button11:hover .overlay{opacity:1}.overlay-left,.overlay-right{display:flex;flex-direction:column;width:50%;padding:10px}.overlay-text,.overlay-text-large,.overlay-paragraph{color:var(--color-accent);font-family:EB Garamond;font-size:28px;line-height:normal;text-align:left}.overlay-paragraph{width:auto;height:159px;text-align:left}.overtext3,.overtext2,.overtext1,.overlay-text-large{margin:5px}.elsewhereB,.to-the-rightB{display:flex;width:123px;height:32px;flex-direction:column;justify-content:center;flex-shrink:0}.bottom-button{border:none;background:none;width:201px;height:32px;text-align:left;color:var(--color-accent);font-family:Galgine,sans-serif;font-size:20px;font-weight:400}.email,.phone{width:219px;height:32px;text-align:left;color:var(--color-accent);font-family:Galgine,sans-serif;font-size:20px;font-weight:400}@media(max-width:1280px){.bottom-bar{flex-direction:column;align-items:center;height:auto}.group-left,.group-right{width:100%;align-items:center}}@media(max-width:768px){.group-left,.group-right{gap:10px}.lastfmrect1{width:234px;height:47px;border-radius:216px;background:var(--bg-secondary);overflow:hidden;box-sizing:border-box}.bottomtext1{color:var(--color-accent);font-family:Galgine,sans-serif;font-size:12px;font-weight:400}.name1{width:60px;height:14px}.ellipse5{width:3.5px;height:3.5px;background:var(--color-accent);border-radius:50%}.button-text1{width:48px;height:14px}.overlay{width:284.64px;height:99.44px;border-radius:14.96px}.overlay-left,.overlay-right{padding:4.4px}.overlay-text,.overlay-text-large,.overlay-paragraph{font-size:12.32px}.overlay-paragraph{height:69.96px}.elsewhereB,.to-the-rightB{width:54.12px;height:14.08px}.bottom-button{width:88.44px;height:14.08px;font-size:8.8px}.email,.phone{width:96.36px;height:14.08px;font-size:8.8px}}.lastfm-currently-playing{display:flex;align-items:center;padding:10px;width:100%;box-sizing:border-box;min-width:0}.lastfm-logo{width:50px;height:50px;margin-right:20px;margin-left:15px;border:2px solid #ffffff;border-radius:6px}.text-container{display:flex;flex-direction:column;align-items:flex-start;max-width:100%;flex:1;min-width:0}.header{font-size:18px;font-family:EB Garamond,serif;color:#fff;margin-bottom:15px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info{display:flex;flex-direction:column;align-items:flex-start}.track-details{font-size:22px;font-weight:700;font-family:EB Garamond,serif;color:#fff;max-width:100%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-link{color:#fff;text-decoration:none}.track-link:hover{text-decoration:underline}.bottom-bar .lastfm-currently-playing .header,.bottom-bar .lastfm-currently-playing .track-details,.bottom-bar .lastfm-currently-playing .track-link{color:var(--color-text-black)}@media(max-width:720px){.lastfm-currently-playing{padding:0;align-items:center}.lastfm-logo{width:25px;height:25px;margin-right:10px;margin-left:10px}.header{font-size:9px;margin-bottom:2px;line-height:1.1}.track-details{font-size:11px;max-width:220px;line-height:1.1}.text-container{gap:2px}}.timeline-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:30px 0 20px}.timeline-bars{display:flex;align-items:flex-end;justify-content:space-between;width:100%;max-width:1240px;height:100px;cursor:default}.timeline-bar{width:8px;flex-shrink:0;border-radius:3px 3px 0 0;will-change:height;transition:height .15s ease-out}.bar-light-hour{background-color:var(--color-accent)}.bar-dark-hour{background-color:var(--color-accent-dark)}.timeline-indicator{position:absolute;top:0;left:0;transition:left .5s ease;transform:translate(-50%);z-index:2}.timeline-indicator button{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--color-accent);background:var(--bg-primary);color:var(--color-accent);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-top:1px;transition:background-color .3s,color .3s}.timeline-indicator button:hover{background:var(--color-accent);color:var(--bg-primary)}.large-btn,.large-btn2,.large-btn3{width:680px;height:548px;flex-shrink:0;border-radius:20px;position:relative;transition:all .3s ease;border:none;outline:none}.large-btn:hover,.large-btn2:hover,.large-btn3:hover{height:557px}.large-btn{background:var(--color-red-brand)}.large-btn:hover{background:var(--color-red-brand-hover)}.inner-rectangle{width:155px;height:68px;flex-shrink:0;border-radius:8px;background:#c26466;position:absolute;top:27px;right:28px}.text-topL{width:114px;height:19px;color:var(--color-text-white);text-align:right;font-family:EB Garamond,serif;font-size:12px;position:absolute;top:12px;left:25px}.TextBottomL1{width:136px;height:36px;color:var(--color-charcoal);text-align:center;font-family:Galgine,serif;font-size:24px;position:absolute;top:27px;left:9px}.large-btn2{background:var(--color-gold-brand)}.large-btn2:hover{background:#ad8c3f}.inner-rectangle3{width:155px;height:68px;flex-shrink:0;border-radius:8px;background:#d5b15c;position:absolute;top:27px;right:28px}.text-top3{width:114px;height:19px;color:var(--color-text-white);text-align:right;font-family:EB Garamond,serif;font-size:12px;position:absolute;top:12px;left:25px}.TextBottomL3{width:136px;height:36px;color:var(--color-charcoal);text-align:center;font-family:Galgine,serif;font-size:24px;position:absolute;top:27px;left:9px}.image-container{width:623px;height:409px;overflow:hidden;position:absolute;border-radius:11px 0 20px;bottom:0;right:0}.sqr-img{width:100%;height:auto;transform:scale(1.1)}.large-btn3{background:#fff}.inner-rectangle6{width:155px;height:68px;border-radius:8px;background:#d2d2d2;position:absolute;top:27px;right:28px}.TextBottomL6{width:140px;height:68px;color:var(--color-charcoal);text-align:center;font-family:Galgine,serif;font-size:20px;position:absolute;top:4px;left:6px}.image-container-left{width:292px;height:202px;position:absolute;left:35%;top:69%;transform:translate(-50%,-50%) rotate(37.142deg);transition:all .3s ease}.image-container-right{width:292px;height:202px;position:absolute;left:65%;top:65%;transform:translate(-50%,-50%) rotate(-25.132deg);transition:all .3s ease}.img-diag-left,.img-diag-right{width:100%;height:100%}.large-btn3:hover .image-container-left{transform:translate(-60%,-90%) rotate(37.142deg)}.large-btn3:hover .image-container-right{transform:translate(-45%,-80%) rotate(-25.132deg)}@media(max-width:900px){.large-btn,.large-btn2,.large-btn3{width:100%;max-width:500px;height:400px}.large-btn:hover,.large-btn2:hover,.large-btn3:hover{height:405px}.image-container{width:90%;height:auto}}@media(max-width:720px){.large-btn,.large-btn2,.large-btn3{width:299.2px;height:274px}.large-btn:hover,.large-btn2:hover,.large-btn3:hover{height:278.5px}.inner-rectangle,.inner-rectangle3,.inner-rectangle6{width:77.5px;height:34px;top:13.5px;right:14px}.text-topL,.text-top3{width:57px;height:9.5px;font-size:6px;top:6px;left:12.5px}.TextBottomL1,.TextBottomL3{width:60px;height:12px;font-size:12px;top:12px;left:9px}.TextBottomL6{width:60px;height:12px;font-size:8px;top:5px;left:9px}.image-container{top:97px;width:270.5px;height:204.5px}.image-container-left,.image-container-right{width:128.4px;height:101px}.sqr-img,.img-diag-left,.img-diag-right{transform:scale(1.05)}}.rectangle1{width:623px;height:425px;flex-shrink:0;border-radius:11px 0 20px;background:#f4f2ee;position:absolute;bottom:0;right:0}.rectangle2{width:623px;height:80px;flex-shrink:0;border-radius:11px 0 0;background:var(--color-text-white);box-shadow:0 1px 1px #00000040;position:absolute;bottom:345px;right:0;display:flex;align-items:center;justify-content:flex-start}.rectangle3{width:114px;height:20px;border-radius:10px;background:#8f8080;position:absolute;bottom:375px;right:230px}.circle-img{width:70px;height:70px;border-radius:50%;margin-right:11px}.rectangle4,.rectangle5,.rectangle6{height:20px;flex-shrink:0;border-radius:10px;background:#c9b7b7;position:absolute}.rectangle4{width:206px;border-radius:10px 0 0 10px;right:0;bottom:375px}.rectangle5{width:555px;border-radius:10px 0 0 10px;right:0;bottom:279px}.rectangle6{width:397px;border-radius:10px;right:157px;bottom:231px}.rectangle7{width:369px;height:196px;border-radius:8px 8px 0 0;background:#d9d9d9;position:absolute;bottom:0;right:186px}.rectangle8{width:155px;height:196px;border-radius:8px 0 20px;background:#d9d9d9;position:absolute;bottom:0;right:0}@media(max-width:720px)and (max-height:1280px){.rectangle1{width:274.12px;height:212.5px;border-radius:5.5px 0 10px;bottom:0;right:0}.rectangle2{width:274.12px;height:40px;border-radius:5.5px 0 0;bottom:172.5px;right:0}.rectangle3{width:50.16px;height:10px;border-radius:5px;bottom:187.5px;right:101.2px}.rectangle4{width:90.64px;height:10px;border-radius:5px 0 0 5px;bottom:187.5px;right:0}.rectangle5{width:244.2px;height:10px;border-radius:5px 0 0 5px;bottom:139.5px;right:0}.rectangle6{width:174.68px;height:10px;border-radius:5px;bottom:115.5px;right:69.08px}.rectangle7{width:162.36px;height:98px;border-radius:4px 4px 0 0;bottom:0;right:81.84px}.rectangle8{width:68.2px;height:98px;border-radius:4px 0 10px;bottom:0;right:0}.circle-img{width:30.8px;height:30.8px;margin-right:4.84px}}.small-btn,.small-btn2,.small-btn3{height:548px;flex-shrink:0;border-radius:20px;position:relative;transition:all .3s ease;border:none;outline:none}.small-btn:hover,.small-btn2:hover,.small-btn3:hover{height:557px}.small-btn{background:var(--color-green-brand)}.small-btn:hover{background:var(--color-green-brand-hover)}.inner-rectangle2{width:155px;height:68px;border-radius:8px;background:#508859;position:absolute;top:27px;right:28px}.text-top,.text-bottom{width:114px;height:19px;color:var(--color-text-white);text-align:right;font-family:EB Garamond,serif;font-size:12px;position:absolute;top:12px;left:25px}.text-bottom{width:136px;height:36px;color:var(--color-charcoal);text-align:center;font-family:Galgine,serif;font-size:24px;position:absolute;top:27px;left:9px}.small-btn2{background:var(--color-slate-brand)}.small-btn2:hover{background:#3e4455}.realstylecontainer{display:flex;justify-content:center;align-items:flex-end;height:20%}.realstyle{color:var(--color-text-white);text-align:center;font-family:Galgine;font-size:37px;font-style:normal;font-weight:400;line-height:normal}.rec_container{width:519px;height:400px;position:absolute;bottom:0;right:0;transition:top .3s ease}.rec-img{width:100%;height:auto}.small-btn3,.small-btn3:hover{background:#000}.inner-rectangle5{width:155px;height:68px;border-radius:8px;background:#0e0d0d;position:absolute;top:27px;right:28px}.text-bottom5{width:155px;height:68px;color:#fdfdfd;text-align:center;font-family:Galgine,serif;font-size:16px;position:absolute;top:6px;left:0}.sqrphil{width:455px;height:409px;position:absolute;overflow:hidden;border-radius:11px 0 20px;bottom:0;right:0;transition:top .3s ease}.phil-img{width:100%;height:auto;transform:scale(1.4)}@media(max-width:900px){.small-btn,.small-btn2,.small-btn3{width:100%;max-width:500px;height:400px}.small-btn:hover,.small-btn2:hover,.small-btn3:hover{height:405px}.rec_container,.sqrphil{width:90%;height:auto}}@media(max-width:720px){.small-btn,.small-btn2,.small-btn3{width:299.2px;height:274px}.small-btn:hover,.small-btn2:hover,.small-btn3:hover{height:278px}.inner-rectangle2,.inner-rectangle5{width:77.5px;height:34px;top:13.5px;right:14px}.realstyle{font-size:25px}.realstylecontainer{height:0%}.text-bottom5{width:60px;height:12px;font-size:8px;top:5px;left:9px}.rec_container{width:299.2px;height:230px}.sqrphil{width:259.5px;height:204.5px}.rec-img,.phil-img{transform:scale(1.2)}}.rectangle11{width:455px;height:425px;flex-shrink:0;border-radius:11px 0 20px;background:#f4f2ee;position:absolute;bottom:0;right:0}.rectangle12{width:455px;height:80px;flex-shrink:0;border-radius:11px 0 0;background:var(--color-text-white);box-shadow:0 1px 1px #00000040;position:absolute;bottom:345px;right:0;display:flex;align-items:center;justify-content:flex-start}.circle-img1{width:70px;height:70px;border-radius:20%;margin-right:20px;right:349px;position:absolute;bottom:353px}.rectangle13{width:93px;height:20px;border-radius:10px;background:#446249;position:absolute;bottom:375px;right:213px}.rectangle14,.rectangle15,.rectangle16{height:20px;flex-shrink:0;border-radius:10px;background:#63906a;position:absolute}.rectangle14{width:187px;border-radius:10px 0 0 10px;right:0;bottom:375px}.rectangle15{width:375px;border-radius:10px 0 0 10px;right:0;bottom:279px}.rectangle16{width:289.944px;border-radius:10px;right:85px;bottom:231px}.rectangle17{width:353px;height:196px;border-radius:8px 8px 0 0;background:#d9d9d9;position:absolute;bottom:0;right:22px}@media(max-width:720px)and (max-height:1280px){.rectangle11{width:227.5px;height:212.5px;border-radius:5.5px 0 10px;bottom:0;right:0}.rectangle12{width:227.5px;height:40px;border-radius:5.5px 0 0;bottom:172.5px;right:0}.circle-img1{width:35px;height:35px;margin-right:10px;right:174.5px;bottom:176.5px}.rectangle13{width:46.5px;height:10px;border-radius:5px;bottom:187.5px;right:106.5px}.rectangle14{width:93.5px;height:10px;border-radius:5px 0 0 5px;bottom:187.5px;right:0}.rectangle15{width:187.5px;height:10px;border-radius:5px 0 0 5px;bottom:139.5px;right:0}.rectangle16{width:145px;height:10px;border-radius:5px;bottom:115.5px;right:42.5px}.rectangle17{width:176.5px;height:98px;border-radius:4px 4px 0 0;bottom:0;right:11px}}.not-found-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;background-color:var(--bg-not-found)}.not-found-container h1{font-size:4rem;color:var(--color-accent)}.not-found-container p{font-size:1.5rem;color:var(--color-text-dark)}.back-home-button{margin-top:20px;padding:10px 20px;background-color:var(--color-accent);color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.back-home-button:hover{background-color:var(--color-red-brand-hover)}