.HomePage{display:flex;flex-direction:column;width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto}.HomePage .HomePageUpperContainer{padding:52px 52px 0;display:flex;flex-direction:column}@media(max-width:1100px){.HomePage .HomePageUpperContainer{padding:10px}}.HomePage .NewArtLabels{display:flex;flex-direction:row;justify-content:space-between;font-style:italic}@media(max-width:1100px){.HomePage .NewArtLabels{display:none}}.HomePage .NewArtSection{display:flex;gap:20px}@media(max-width:1100px){.HomePage .NewArtSection{flex-direction:column;gap:10px}}.HomePage .DetailContainer,.HomePage .HomePageBlogDetails,.HomePage .NewArtContainer .NewArtDetails{display:flex;flex-direction:column;height:100%}@media(max-width:1100px){.HomePage .DetailContainer,.HomePage .HomePageBlogDetails,.HomePage .NewArtContainer .NewArtDetails{padding:10px;margin-top:15px;border-radius:5px;margin-bottom:15px}}.HomePage .DetailContainer>*,.HomePage .HomePageBlogDetails>*,.HomePage .NewArtContainer .NewArtDetails>*{position:relative;font-weight:700;font-size:1.2em;color:#000;display:inline-block;width:auto;box-shadow:2px 4px 12px rgba(0,0,0,.08)}@media(max-width:1100px){.HomePage .DetailContainer>*,.HomePage .HomePageBlogDetails>*,.HomePage .NewArtContainer .NewArtDetails>*{box-shadow:none;text-align:left}}.HomePage .DetailContainer h3,.HomePage .HomePageBlogDetails h3,.HomePage .NewArtContainer .NewArtDetails h3{display:inline-block;width:auto;padding:10px 24px}@media(max-width:1100px){.HomePage .DetailContainer h3,.HomePage .HomePageBlogDetails h3,.HomePage .NewArtContainer .NewArtDetails h3{padding:0}}.HomePage .DetailContainer p,.HomePage .HomePageBlogDetails p,.HomePage .NewArtContainer .NewArtDetails p{font-size:.8em;display:inline-block;width:auto;padding:15px}@media(max-width:1100px){.HomePage .DetailContainer p,.HomePage .HomePageBlogDetails p,.HomePage .NewArtContainer .NewArtDetails p{padding:0;max-width:50%;min-width:300px}}.HomePage .DetailContainer h6,.HomePage .HomePageBlogDetails h6,.HomePage .NewArtContainer .NewArtDetails h6{font-size:.6em;color:rgba(0,0,0,.6);padding:8px;margin-top:auto;font-style:italic}@media(max-width:1100px){.HomePage .DetailContainer h6,.HomePage .HomePageBlogDetails h6,.HomePage .NewArtContainer .NewArtDetails h6{padding:0}}.HomePage .NewArtContainer{display:flex;flex-direction:row;margin-bottom:20px}@media(max-width:1100px){.HomePage .NewArtContainer{flex-direction:column;align-items:center;text-align:center}}.HomePage .NewArtContainer .NewArtImage{height:50vh;width:auto;border-radius:3px;cursor:zoom-in}@media(max-width:1100px){.HomePage .NewArtContainer .NewArtImage{height:40vh;width:100%;max-width:400px;object-fit:contain}}.HomePage .NewArtContainer .NewArtDetails{align-items:flex-start}@media(max-width:1100px){.HomePage .NewArtContainer .NewArtDetails{background:#ffe066}}.HomePage .NewArtContainer .NewArtDetails>*{background:#ffe066}@media(max-width:1100px){.HomePage .NewArtContainer .NewArtDetails>*{background:none}}.HomePage .NewArtContainer .NewArtDetails>:after{content:"";position:absolute;top:0;right:-10px;height:100%;width:8px;background:#ffe066;box-shadow:2px 4px 12px rgba(0,0,0,.08);border-radius:0 4px 4px 0}@media(max-width:1100px){.HomePage .NewArtContainer .NewArtDetails>:after{display:none}}.HomePage .NewArtContainer .NewArtDetails h3{font-size:1.6em}.HomePage .NewArtContainer .NewArtDetails p{max-width:200px}.HomePage .HomepageBlog{height:auto;margin-left:auto;display:flex;flex-direction:column;min-height:auto}@media(max-width:1100px){.HomePage .HomepageBlog{margin-left:0;align-self:center;min-height:auto}}.HomePage .HomePageBlogImage{max-width:200px;height:auto;background:#fff;border-radius:12px;padding:5px}@media(max-width:1100px){.HomePage .HomePageBlogImage{max-width:100%;width:100%;max-width:300px;margin-bottom:10px}}.HomePage .HomePageBlogLink{display:flex;flex-direction:row;align-items:stretch;text-decoration:none}@media(max-width:1100px){.HomePage .HomePageBlogLink{flex-direction:column;align-items:center;text-align:center;min-height:auto}}.HomePage .HomePageBlogDetails{align-items:flex-end;justify-content:space-between;flex:1;min-width:0}@media(max-width:1100px){.HomePage .HomePageBlogDetails{background:#fff;align-items:flex-start;text-align:left;order:1}}.HomePage .HomePageBlogDetails>*{background:#fff;max-width:none;white-space:nowrap}@media(max-width:1100px){.HomePage .HomePageBlogDetails>*{background:none}}.HomePage .HomePageBlogDetails>:after{content:"";position:absolute;top:0;left:-10px;height:100%;width:8px;background:#fff;box-shadow:2px 4px 12px rgba(0,0,0,.08);border-radius:4px 0 0 4px}@media(max-width:1100px){.HomePage .HomePageBlogDetails>:after{display:none}}.HomePage .HomePageBlogDetails h3{font-size:1.4em;white-space:nowrap}@media(max-width:1100px){.HomePage .HomePageBlogDetails h3{white-space:normal;text-align:left}}.HomePage .HomePageBlogDetails p{max-width:130px;white-space:normal;padding:5px;text-align:right}@media(max-width:1100px){.HomePage .HomePageBlogDetails p{max-width:none;text-align:left;padding:0}}.HomePage .HomePageBlogDetails h6{white-space:nowrap;align-self:flex-end}@media(max-width:1100px){.HomePage .HomePageBlogDetails h6{white-space:normal;align-self:flex-start;text-align:left}}.HomePage .DiscoContainer{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:0;height:50vh;backdrop-filter:blur(3px);background:#fff;border:5px solid #fff;margin-bottom:30px}.HomePage .DiscoContainer .DiscoPanel{flex:1 1 33.33%;max-width:33.33%;box-sizing:border-box;overflow:hidden;aspect-ratio:1/1;max-height:16.6666666667vh}.HomePage .DiscoContainer .DiscoPanelImage{width:100%;height:100%;object-fit:cover;object-position:center;animation:panUpToDownObjectPosition 5s ease-in-out infinite alternate}.HomePage .HomePageGalleryProfilePicContainer{position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;align-items:center;margin-left:-150px;margin-top:30px;width:fit-content}@media(max-width:1100px){.HomePage .HomePageGalleryProfilePicContainer{margin:0;max-width:100%;width:100vw}}.HomePage .HomePageGalleryProfilePicContainer .SunflowerFact{position:absolute;right:-260px;bottom:315px;z-index:1;color:#000;width:210px;font-size:1.2em;display:inline;margin:0;background:#ffe066;font-weight:700;border-radius:.4em;padding:10px}@media(min-width:1100px){.HomePage .HomePageGalleryProfilePicContainer .SunflowerFact:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;border:14px solid rgba(0,0,0,0);border-top-color:#ffe066;border-bottom:0;border-left:0;margin-left:-7px;margin-bottom:-14px}}@media(max-width:1100px){.HomePage .HomePageGalleryProfilePicContainer .SunflowerFact{display:none;left:2vw;bottom:-50px;max-width:45vw}}.HomePage .SunflowerFactBottom{display:none}@media(max-width:1100px){.HomePage .SunflowerFactBottom{display:block;max-width:90%;z-index:1;color:#000;font-size:1.2em;display:inline;margin:0;background:#eade87;font-weight:700;border-radius:.4em;padding:10px}}.HomePage .HomePageAboutMeSection{background:#000;width:100%;display:flex;flex-direction:row;align-items:center;height:fit-content}@media(max-width:1100px){.HomePage .HomePageAboutMeSection{flex-direction:column;align-items:center}}.HomePage .BannerContainer .HomePageBanner{max-width:100%;width:100%;border-radius:10px;margin:0 auto;border:2px solid #000}.HomePage .BannerContainer .HomePageBanner:hover{cursor:pointer;outline:2px solid #f19c07}@media(max-width:1100px){.HomePage .BannerContainer .HomePageBanner{object-position:left;object-fit:cover}}.HomePage .HomePageAboutMeContainer{display:flex;flex-direction:column;align-items:center;align-self:center;font-size:1.2em;position:relative;padding:30px;margin:50px 0;width:fit-content}.HomePage .HomePageAboutMeContainer .HomePageAboutMeTitle{font-size:2em;font-weight:italic;font-family:Comic Sans MS,Comic Sans,cursive;text-align:center}.HomePage .HomePageAboutMeContainer .HomePageAboutMeTextContainer{align-items:flex-start;justify-content:space-between;display:flex;gap:20px}@media(max-width:1100px){.HomePage .HomePageAboutMeContainer .HomePageAboutMeTextContainer{flex-direction:column;align-items:center;width:100%}}.HomePage .HomePageAboutMeContainer .HomePageAboutMeTextContainer .HomePageAboutMeBody .OngoingTick{display:inline;letter-spacing:.2em;color:#fff;background:linear-gradient(in hsl,#ffd700,#d2a015,#b5710c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.HomePage .HomePageAboutMeContainer .HomePageAboutMeTextContainer .HomePageAboutMeBody ul li{margin:2px 0;list-style:none}.HomePage .HomePageAboutMeContainer .HomePageAboutMeTextContainer .HomePageAboutMeBody ul li:before{content:url(/assets/flower.ico);display:inline-block;width:16px;height:16px;margin-right:22px;margin-bottom:22px;vertical-align:middle;transform:scale(.1)}.HomePage .HomePageAboutMeContainer .HomePageAboutMeFooter .SocialMediaLink{max-width:50px;height:50px;margin:0 10px}.HomePage .HomePageAboutMeContainer .HomePageAboutMeFooter .SocialMediaLink:hover{cursor:pointer;filter:sepia(100%) saturate(500%) brightness(1.2)}.HomePage .HomePageAboutMeContainer .HomePageAboutMeFooter .SocialMediaLink img{width:100%;height:auto;object-fit:contain}.HomePage .HomePageAboutMeContainer .HomePageAboutMeFooter .CallToActionButton{font-size:1.4em;height:50px;text-align:center;margin-left:auto;margin-right:0;display:block;float:right}.HomePage .HomePageAboutMeContainer .HomePageAboutMeFooter .CallToActionButton:hover{cursor:pointer;color:#ffbf29}.BlinkiesContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-grow:1;gap:5px;min-height:300px;padding-top:50px}@media(max-width:1100px){.BlinkiesContainer{width:100%;max-width:100%;margin-top:20px;padding-top:20px;min-height:200px}}.BlinkiesContainer .BlinkyText{font-size:.9em;margin-bottom:10px;width:350px;margin-top:0;background:#000;color:lime;padding:15px;font-family:Courier New,Consolas,Monaco,monospace;border:1px solid #006400;border-radius:4px;box-shadow:0 0 10px rgba(0,255,0,.3);text-shadow:0 0 5px rgba(0,255,0,.5);position:relative;overflow:hidden}.BlinkiesContainer .BlinkyText:before{content:"> ";color:lime;font-weight:700}.BlinkiesContainer .BlinkyText:after{content:"_";animation:blink 1s infinite;color:lime}@media(max-width:1100px){.BlinkiesContainer .BlinkyText{margin-bottom:20px}}@media(max-width:500px){.BlinkiesContainer .BlinkyText{max-width:250px}}.BlinkiesContainer .BlinkyContainer{display:flex;flex-direction:row;margin-right:50px}.BlinkiesContainer .Blinky{width:88px;height:35px;image-rendering:pixelated}.BlinkiesContainer .Blinky:hover{cursor:pointer;outline:2px solid #f19c07;border-radius:2px;z-index:5}.TamiClickableButtonReal{position:absolute;right:-200px;bottom:-20px;cursor:url(/assets/Tami_Yap.png),pointer;z-index:2}@media(max-width:1100px){.TamiClickableButtonReal{width:350px;height:350px;right:-20px;bottom:-20px}}@media(max-width:500px){.TamiClickableButtonReal{width:250px;height:250px}}@keyframes panLeftToRightObjectPosition{0%{object-position:5% center}to{object-position:95% center}}@keyframes panUpToDownObjectPosition{0%{object-position:center 5%}to{object-position:center 95%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}