@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");:root{--max-width:1900px;--max-width-container:1100px;--border-radius:12px;--image-border-radius:24px;--primary-color:#eee;--primary-color-10:#ddd;--primary-color-20:#ccc;--primary-color-30:#bbb;--primary-dark-color:#333;--primary-dark-color-lighter:#888;--primary-dark-color-border:#33333350;--light-border-color:#bbb;--accent-color:#6c5ce7;--fs-200:0.875rem;--fs-300:1rem;--fs-400:1.25rem;--fs-500:1.5rem;--fs-600:1.75rem;--fs-700:2rem;--fs-800:3rem;--fs-900:4rem;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--fw-700:700}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;max-width:var(--max-width);margin:auto}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{background-color:var(--primary-dark-color);color:var(--primary-color)}}body{background-color:var(--primary-color);color:var(--primary-dark-color);font-size:var(--fs-300);font-weight:var(--fw-400);font-family:Raleway,sans-serif;padding:2rem;letter-spacing:.08em}::selection{color:var(--primary-color);background:var(--primary-dark-color)}a{color:inherit;text-decoration:none;font-weight:var(--fw-700);letter-spacing:normal}.text-link:hover{text-decoration:underline}.text-link.italic:hover{font-style:italic}.homeItem .text-link:hover{font-style:normal!important;font-weight:var(--fw-400)!important}.underlined{text-decoration:underline}.slide-link{box-shadow:inset 0 0 0 0 var(--primary-dark-color);margin:0 -.25rem;padding:0 .25rem;transition:color .25s ease-in-out,box-shadow .5s ease-in-out}.slide-link:hover{box-shadow:inset 420px 0 0 0 var(--primary-dark-color);color:var(--primary-color)}li{list-style:none}button{border:none;outline:none}.flex,.flex-row{display:flex}.flex-row{flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-center-ver{display:flex;align-items:center}.flex-down-ver{display:flex;align-items:flex-start}.flex-center-full,.flex-center-hor{display:flex;justify-content:center}.flex-center-full{align-items:center}.flex-wrap{display:flex;flex-wrap:wrap}.flex-space-between{display:flex;justify-content:space-between}.flex-gap-1{display:flex;gap:1rem}.flex-gap-2{display:flex;gap:2rem}.fw-300{font-weight:var(--fw-300)!important}.fw-400{font-weight:var(--fw-400)!important}.fw-500{font-weight:var(--fw-500)!important}.fw-600{font-weight:var(--fw-600)!important}.fw-700{font-weight:var(--fw-700)!important}.mt-1r{margin-top:1rem!important}.mt-2r{margin-top:2rem!important}.mt-3r{margin-top:3rem!important}.mt-4r{margin-top:4rem!important}.op-69{opacity:.69!important}.page{margin-bottom:2rem;padding:2rem}@media (max-width:35rem){.page{padding-inline:0}.navList{gap:1rem!important;flex-direction:column!important}}@media (max-width:45rem){body{padding:0}.skillContainer{padding:2rem!important}.achievementsContainer,.contactItems,.extraCurricularContainer,.hobbyContainer,.homepage,.photographyPage,.resumeContainer,.topNav,.workExperiences{padding:1rem!important}.aboutContainer #p1{font-size:var(--fs-400)!important}.workExperiences .workTitle h2{font-size:var(--fs-700)!important}.workExperiences .workDesignation{font-size:var(--fs-500)!important}.workExperiences .workProject h3{font-size:var(--fs-300)!important}}.hobbyContainer ul,.resumeContainer ul,.skillContainer ul,.workContainer ul{margin-left:0}.pageHeader{margin-bottom:1.5rem}.container{width:100%}@media (min-width:60rem){.container{max-width:var(--max-width-container)}}.slide-in{transform-origin:bottom}.slide-in,.slide-out{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:var(--primary-dark-color);z-index:99999}.slide-out{transform-origin:top}.homeTextcontent{padding-block:6%;line-height:1.5;width:100%;max-width:690px;.homeTitle{text-transform:uppercase;font-weight:var(--fw-500);font-size:var(--fs-700)}.homeDescription{font-weight:var(--fw-300);.homeDescriptionWorkplace{text-decoration:underline;font-weight:var(--fw-500)}}.homeTopDescription{margin-bottom:.5rem}.homeDescriptionSmall span{opacity:.8}.homeDescriptionSmall img{width:24px;height:24px;margin-right:.25rem}.homeDescriptionLong{margin-top:2rem;font-weight:var(--fw-300);.strong{font-weight:var(--fw-600)}}.homeDescriptionEnd{margin-top:2rem}}.homeContent{border-top:1px solid var(--light-border-color);margin-bottom:5rem}.homeWorkSkillsContent{ul{margin-top:4rem;li{border-bottom:1px solid var(--light-border-color);padding-block:1.25rem;.workSkillsContentTitle{font-size:var(--fs-500);font-weight:var(--fw-500)}.workSkillsContentDescription{font-size:var(--fs-300);font-weight:var(--fw-300);margin-top:.5rem;color:var(--primary-dark-color-lighter)}}}}.homeInterestsContent{ul{font-size:var(--fs-400);display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:1fr;li{box-shadow:0 0 4px rgba(0,0,0,.18);border-radius:12px;padding-inline:1rem;padding-block:3rem;text-align:center;img{width:69px;height:69px;opacity:.69;margin-bottom:1rem}.workInterestsContentTitle{font-size:var(--fs-500);margin-bottom:.5rem}.workInterestsContentDescription{font-size:var(--fs-300);color:var(--primary-dark-color-lighter)}}li:hover{box-shadow:0 0 16px rgba(0,0,0,.18);transition:transform .5s}}}.homeAbout{.homeAboutPic img{max-width:80dvw;height:auto}}.homeExtraTitle{margin-bottom:4rem;font-size:2.5rem;font-weight:var(--fw-700);text-transform:uppercase}.homeExtraTitle:after{content:"/";margin-left:1rem}.homeExtraDescription{font-weight:var(--fw-300);line-height:1.5}.homeAboutDescriptions{margin-bottom:2rem}.homeExtraContent{margin-top:3rem}.homeExtraContent ul{margin-left:0}.homeFavoriteGamesContent,.homeFeaturedWorksContent{display:grid;grid-gap:1rem;grid-auto-rows:auto;.pics{border:1px solid var(--light-border-color);border-radius:var(--border-radius);padding:1rem;height:100%;font-weight:var(--fw-400);letter-spacing:1px;h2{text-transform:uppercase;font-size:var(--fs-400)}&:hover{background-color:var(--primary-color-10)}}.pics .featuredWorksThumbnail img{width:100%;margin-bottom:1rem;object-fit:cover;transition:transform .5s;border-radius:var(--image-border-radius)}.pics .gameImage img{width:100%;height:auto}}@media (min-width:35rem){main{display:flex;align-items:center;justify-content:center;flex-direction:column}.homeDescription{max-width:100%;font-size:var(--fs-500)}.homeDescriptionSmall{font-size:var(--fs-300)}.homeExtraTitle{font-size:3.5rem}.homeExtraDescription{font-size:var(--fs-500);font-weight:var(--fw-300);line-height:1.5}.homeWorkSkillsContent{ul{font-size:var(--fs-600)}}.homeInterestsContent{ul{grid-template-columns:1fr 1fr}}.homeFavoriteGamesContent{grid-template-columns:repeat(2,1fr)}}@media (min-width:65rem){.homeContent{padding-block:4%}.homeTextcontent{width:80vw}.homeAboutContent{display:grid;grid-gap:2rem;grid-template-columns:3fr 2fr!important;justify-content:space-between;align-items:center;bottom:10rem!important}.homeAboutPic img{width:auto;max-height:69vh}.homeTitle{font-size:var(--fs-800)!important}.homeDescription{font-size:var(--fs-600)}.homeDescriptionSmall{font-size:var(--fs-400)}.homeExtraTitle{font-size:5rem}.homeWorkSkillsContent{ul{font-size:var(--fs-600);li{.workSkillsContentTitle{font-size:var(--fs-600)}.workSkillsContentDescription{font-size:var(--fs-400)}}}}.homeFeaturedWorksContent{grid-template-columns:repeat(2,1fr)}.homeInterestsContent{ul{grid-template-columns:1fr 1fr 1fr;gap:4rem}}}.aboutPage{margin:1rem}.aboutContainer{margin-bottom:10rem!important}.aboutContent{width:var(--max-width-container);margin-bottom:6rem;line-height:1.5;h1{text-transform:uppercase;font-weight:var(--fw-700);letter-spacing:3px}h2,h3,h4,h5{font-weight:var(--fw-500)}}.aboutEachContent{margin-top:2rem}.aboutWorkExperienceContainer{margin-left:2rem}.aboutWorkExperience{h3{margin-bottom:.5rem}li{list-style-type:disc!important}span{font-weight:var(--fw-300)}.aboutWorkExperienceTitle{margin-bottom:1rem}&:before{content:"";width:16px;height:16px;border:1px solid;border-radius:50%;position:absolute;margin-left:-2rem;margin-top:.5rem}.aboutWorkExperiencePosition{margin-bottom:1rem;position:relative}.sameCompanyPosition{height:95%;position:absolute;left:-1.5rem;top:1.75rem;opacity:.69}.aboutWorkExperiencePosition:not(:last-child) .sameCompanyPosition{border-left:1px solid}.sameCompanyPosition:before{content:"";position:absolute;left:-.25rem;top:-1rem;width:8px;height:8px;background-color:var(--primary-dark-color);border-radius:50%}.aboutWorkExperienceCompany{font-weight:var(--fw-500)}.aboutWorkExperiencePositionTenure{opacity:.69;letter-spacing:0}.aboutWorkExperiencePositionSkills{display:flex;flex-wrap:wrap;margin-block:.25rem;margin-left:-.5rem;span{border-right:1px solid;padding-inline:.5rem;font-size:var(--fs-200)}span:last-child{border-right:none}}}.aboutCategorySkills{display:grid;grid-gap:2rem;h3{width:100%;margin-bottom:1rem;font-weight:var(--fw-400);letter-spacing:2px}span{text-align:center;padding:2rem;border:1px solid var(--light-border-color);border-radius:var(--border-radius);cursor:pointer;&:hover{filter:drop-shadow(1px 1px 2px var(--light-border-color))}}}.aboutTextContent{max-width:80vw;margin-bottom:3rem;#p1{font-size:var(--fs-500);font-weight:var(--fw-500);margin-bottom:1rem}#p6{ul{margin:0;li{margin-inline:1.5rem;list-style:disc}}}}.aboutTextContent p{margin-block:1rem}.aboutSideContent{.aboutMyPic{margin-bottom:1rem}.aboutMyPic img{width:80vw;height:auto;border-radius:50%}}.aboutResume{margin-top:2rem;.aboutResumeBtn{background-color:var(--primary-dark-color);color:var(--primary-color);border-radius:0;width:250px;height:42px;transition:background-color .5s ease}.aboutResumeBtn:hover{background-color:var(--primary-color);color:var(--primary-dark-color);border:2px solid var(--primary-dark-color)}}.aboutMyPhotographyBtn{font-weight:var(--fs-700);margin-block:.5rem}@media (min-width:60rem){.aboutContainer{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;margin:2rem;max-width:var(--max-width-container)}.aboutCategorySkills{grid-template-columns:1fr 1fr 1fr}.aboutSideContent{margin:0 auto}.aboutMyPic img{width:auto!important;height:420px!important}.aboutSkillContainer,.aboutWorkExperienceContainer{width:60%}}@media (max-width:60rem){.aboutResumeBtn{width:80vw!important}.aboutContent{width:100%}}@media (max-width:45rem){.aboutTextContent{max-width:95vw!important}}.contactItems{position:absolute;margin-left:5%;top:30%;max-width:80vw}.contactHeader h1{font-size:var(--fs-900);font-weight:var(--fw-500);line-height:3}.contactItem{letter-spacing:.08em;line-height:1.75;margin-bottom:2rem;font-weight:var(--fw-400)}.contactLinks{display:flex}.contactLinkItems{display:flex;flex-wrap:wrap;.contactLinkItem{margin-right:1rem;text-decoration:underline}.contactLinkItem a{box-shadow:inset 0 0 0 0 var(--primary-dark-color);margin:0 -.25rem;padding:0 .25rem;transition:color .25s ease-in-out,box-shadow .5s ease-in-out}.contactLinkItem a:hover{box-shadow:inset 420px 0 0 0 var(--primary-dark-color);color:var(--primary-color)}}@media (max-width:60rem){.contactLinks{display:block}.contactLinkItem{margin-block:.42rem!important}}@media (max-width:35rem){.contactItems{margin-left:0}}.gallery{margin-top:8%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem;.pics{transition:all 1s ease;cursor:pointer;background-size:cover;background-position:50%}.pics,.pics img{border-radius:var(--image-border-radius)}.pics img{width:100%;aspect-ratio:3/4;display:block;object-fit:cover;object-position:center;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.pics:hover{filter:opacity(.69)}}.model{width:100%;height:100vh;position:fixed;left:0;top:0;background-color:var(--primary-dark-color);transition:all .5s ease;visibility:hidden;opacity:0;overflow:hidden;z-index:999}.imgViewer{visibility:visible;opacity:1}.model img:first-child{width:auto;max-width:100%;height:auto;max-height:100%;display:block;line-height:0;box-sizing:border-box;padding:45px 0;margin:0 auto}.model img:last-child{position:fixed;top:2rem;right:2rem}.model img:last-child:hover{opacity:.69}@media (min-width:60rem){.pageText{max-width:69vw}}@media (max-width:60rem){.gallery{grid-template-columns:1fr 1fr}}@media (max-width:45rem){.gallery{grid-template-columns:1fr;padding:0}}.topbar{width:100%;display:flex;justify-content:space-between;.ryeLogo img{height:2.8rem;width:auto}.ryeLogo .darkModeBtn{&:hover{cursor:pointer;opacity:.69;transform:scale(.8)}}.navItems{.navClose{position:absolute;top:2rem;left:2rem;z-index:100;color:var(--primary-color);&:hover{opacity:.69}}.navList{margin:0!important;font-size:var(--fs-800);z-index:1;color:var(--primary-color);.navList-Item{text-align:center;a{font-weight:var(--fw-500)}}}}.nav-active{z-index:99}.hamburgerMenu{filter:invert(15%) sepia(1%) saturate(0) hue-rotate(86deg) brightness(94%) contrast(84%);img{width:28px}}.hamburgerMenu:hover{opacity:.69}}@media (min-width:35rem){.topbar{.navItemsBackdrop{display:none}.navItems{position:relative;width:auto;display:flex;.navList{gap:2rem;padding:0;font-size:var(--fs-300);color:var(--primary-dark-color);.navList-Item{width:auto;padding:0;a{font-weight:var(--fw-700)}}}.navClose{display:none}}}.hamburgerMenu{display:none}}@media (max-width:35rem){.navItems{position:fixed;background-color:var(--primary-dark-color);top:0;width:100vw;height:100vh;right:calc(-100% - 1rem);transition:.69s ease-out}.nav-active{right:0}}.topNav{margin-bottom:3rem}.homeLink{width:100%;height:auto;.homeItem{margin-bottom:0;transform:rotate(0deg);padding-right:1rem;transition:opacity .5s ease}.homeLine{width:6rem;height:1px;margin-top:0;margin-bottom:0;background-color:var(--primary-dark-color)}}.logoRight{width:100%;display:flex;justify-content:flex-end;.ryeLogo img{height:2.8rem;width:auto}}@media (min-width:35rem){.homeLink{position:fixed;z-index:999;display:flex;width:0;height:50vh;padding-top:25vh;padding-bottom:30px;flex-direction:column;justify-content:flex-start;align-items:center;.homeItem{margin-bottom:40px;flex:0 1 auto;transform:rotate(-90deg)}.homeLine{width:1px;height:13rem}}}.workContainer{width:69vw;max-width:1600px!important;line-height:1.5}.project{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;.pics{cursor:pointer;background-size:cover;background-position:50%}.pics,.pics img{border-radius:var(--image-border-radius)}.pics img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover;object-position:center;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.pics .info{margin-top:1rem;font-weight:var(--fw-400)}.pics .info h2{text-transform:uppercase}.pics .info .stacks span{letter-spacing:1px;margin-right:.5rem;font-size:var(--fs-200);font-weight:var(--fw-300);&:before{content:"\2022";margin-inline:.25rem}}.pics:hover img{filter:brightness(.69)}}.projectItemContainer{position:absolute;top:0;width:80%;max-width:1300px}.projectTitle{font-size:min(130px,6.9vw);font-weight:var(--fw-500);background-color:var(--primary-dark-color);color:var(--primary-color);padding:5rem;height:90vh}.projectTitle span{padding-top:38%;opacity:.33}.projectContent{margin-top:13vh;height:100vh;padding:3rem;.projectDescription{padding-top:8vh;font-size:var(--fs-800);font-weight:var(--fw-400);font-style:italic!important}.projectInfos{margin-top:30vh;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem;.projectYearTitle{font-weight:var(--fw-300);font-size:var(--fs-400);text-transform:uppercase;text-decoration:underline;margin-bottom:1rem}}}.arts{column-count:2;padding:0 13px;background-size:cover;background-position:50%}.artPics:hover{filter:brightness(.33)}.artPics{transition:all .33s ease;cursor:pointer;margin-bottom:12px}.artPics,.artPics img{border-radius:var(--image-border-radius)}.artPics img{width:100%;display:block;object-fit:cover;object-position:center;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}@media (max-width:60rem){.project{grid-template-columns:1fr}.projectItemContainer{margin-top:13%;width:100%!important}.projectDescription{font-size:var(--fs-700)!important}.projectInfos{grid-template-columns:1fr 1fr!important}.arts{column-count:2}}@media (max-width:45rem){.workContainer{width:88vw!important}.project{padding:0}.projectItemContainer{margin-top:21%;margin-inline:0;width:100vw!important;left:0}.projectContent{padding:1rem!important}.projectYear{display:block;max-width:85vw!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.projectInfos{grid-template-columns:1fr!important}.projectDescription{font-size:var(--fs-600)!important}.projectInfos{margin-top:10vh!important}.arts{column-count:1;padding:0}}.workExperiences{margin-top:2rem}.workExperience{margin-block:1rem 5rem;.workTitle h2{font-size:var(--fs-800);font-weight:var(--fw-400);padding-bottom:2rem}.workDesignation{font-size:var(--fs-600);font-weight:var(--fw-400)}.workPeriod{margin-bottom:2rem}.workProject h3{font-size:var(--fs-400);font-weight:var(--fw-500)}.workProjectTasks{margin-top:1rem;.workProjectTask span{font-weight:var(--fw-700)}}.workProject ul li{list-style-type:disc;line-height:1.3}}ul{margin-left:1rem}@media (min-width:60rem){.workExperience{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:1rem;gap:1rem}}.Experiences{margin-top:4rem}.Experience{margin-block:1rem 5rem;.workTitle h2{font-size:var(--fs-500);font-weight:var(--fw-400);padding-bottom:2rem}.workDescription{margin-left:1rem}.workDescription li{list-style-type:disc;line-height:1.5}.workDescription span{font-weight:var(--fw-700)}}.resumeContainer{width:100%;.resumeItems{margin-top:5rem;display:grid;grid-gap:2rem;gap:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;.resumeItem{border:1px solid var(--primary-dark-color-border);border-radius:var(--border-radius);padding-block:5rem;font-size:var(--fs-500);font-weight:var(--fw-300);text-align:center}.resumeItem:hover{font-weight:var(--fw-500);box-shadow:0 4px 13px rgba(0,0,0,.33);transition:transform .69s}}}@media (min-width:35rem){.resumeItems{grid-template-columns:1fr 1fr}}@media (min-width:60rem){.resumeContainer{max-width:var(--max-width-container);.resumeItems{grid-template-columns:1fr 1fr 1fr}}}.skillCategories{margin-bottom:5rem;padding-bottom:2rem;flex-wrap:wrap;gap:1rem;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;.skillCategory{border-radius:99px;transition:all .5s ease;width:135px;height:33px;opacity:.69}.skillCategory:hover{opacity:1;font-weight:700}.skillCategory.active{opacity:1;font-weight:var(--fw-300)}}.active{background-color:var(--primary-dark-color);color:var(--primary-color)}.skill ul{flex-wrap:wrap;gap:7rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all 1s ease}.skill li,.skill ul{display:flex;justify-content:center}.skill li{width:135px;height:135px;flex-direction:column;align-items:center;text-align:center;font-size:var(--fs-500);font-weight:var(--fw-500)}.skill li:hover{opacity:.69}.skill li img{width:auto;height:100%;margin-bottom:1rem}.hobbyContainer{width:100%;.hobbyItems{margin-top:5rem;display:grid;grid-gap:2rem;gap:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;.hobbyItem{border:1px solid var(--primary-dark-color-border);border-radius:var(--border-radius);padding-block:5rem;font-size:var(--fs-500);font-weight:var(--fw-300);text-align:center}.hobbyItem:hover{box-shadow:0 4px 8px rgba(0,0,0,.18);transition:transform .2s}}}@media (min-width:35rem){.hobbyItems{grid-template-columns:1fr 1fr}}@media (min-width:60rem){.hobbyContainer{max-width:var(--max-width-container);.hobbyItems{grid-template-columns:1fr 1fr 1fr}}}.cvContainer{font-size:var(--fs-300);font-weight:var(--fw-400);margin:1rem;line-height:1.5}.cvHeader{font-size:var(--fs-400);font-weight:var(--fw-600)}.cvTitle{font-weight:var(--fw-700);text-transform:uppercase;margin-block:1rem}.cvContact{margin-bottom:3rem;gap:1rem}.cvContact a{letter-spacing:1px;font-weight:var(--fw-400)!important;display:inline-block}.cvContact a:hover .link{text-decoration:underline;font-weight:var(--fw-700)}.contentTitle{text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem}.cvContents{.cvContent{margin-block:4rem;.contentItems{.contentItem{margin-block:1rem;.itemPlace{font-size:var(--fs-400);font-weight:var(--fw-500);margin-bottom:.5rem}.contentItemList{margin-block:.5rem}.contentItemProjectTitle{margin-block:.25rem}.contentItemProjectCategory{font-weight:var(--fw-500)}.contentItemSkill{margin-inline:.25rem;&:not(:last-child):after{content:","}}.contentItemProjectSkill{font-weight:var(--fw-300);font-size:var(--fs-200);margin-left:0}}}}}.cvContents li{list-style:disc}@media (min-width:45rem){.cvContainer{width:60vw;margin:5rem auto auto}}@media (min-width:70rem){.cvContainer{width:35vw}}.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s linear infinite}@keyframes spinner_svv2{to{transform:rotate(1turn)}}.spinnerBackdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:hsla(0,0%,100%,.69);z-index:9999}.spinner_9y7u{animation:spinner_fUkk 2.4s linear infinite;animation-delay:-2.4s}.spinner_DF2s{animation-delay:-1.6s}.spinner_q27e{animation-delay:-.8s}@keyframes spinner_fUkk{8.33%{x:13px;y:1px}25%{x:13px;y:1px}33.3%{x:13px;y:13px}50%{x:13px;y:13px}58.33%{x:1px;y:13px}75%{x:1px;y:13px}83.33%{x:1px;y:1px}}.App{position:fixed;top:0;left:0;text-align:center;background-color:#fffbef;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.ListContainer{width:40vh;min-height:65vh;background-color:#fff;color:#797c8f;padding:2rem;font-family:Open Sans,sans-serif;filter:drop-shadow(0 0 13px #bebebe)}.list-date{text-transform:uppercase;margin-bottom:6rem}.list-dateonly{float:left;display:flex}.list-date-value{font-size:2.3rem;font-weight:700;margin-top:-5px}.list-nondateonly{font-size:.85rem}.list-date-month{font-weight:700}.list-day{font-size:.9rem;float:right;text-transform:uppercase;font-weight:800}.list-item-container{height:75%;padding-right:0;overflow-x:hidden}.list-items{transition:all 1s ease}.list-item{text-align:left;margin-bottom:1rem;font-weight:500;transition:all .5s ease}.list-item-name{cursor:pointer}.list-item-status{border-radius:50%;height:20px;width:20px;float:right;transition:all 1s ease}.list-item-undone{border:1.5px solid #b4b4b4}.list-item-done{border:1.5px solid #58f77f;background-color:#58f77f}.list-name-done{color:hsla(232,9%,52%,.5)}.listbtn{z-index:9999;height:70px;width:70px;border-radius:9999px;align-items:center;display:flex;justify-content:center;margin-block:1rem;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .25s ease}.listbtn:hover{transform:scale(1.15)}.additembtn{background-color:#57dfab}.clearbtn{background-color:#d63031}.bottomBar{position:fixed;top:3%;right:3%}.addModalOverlay{position:absolute;width:100vw;height:100vh;background-color:#000;opacity:.69}.addModalContainer{position:fixed;margin:auto;width:400px;max-width:85vw;padding:1.5rem;background-color:#fff;color:#797c8f}.addModalTitle button{text-decoration:none;outline:none;border:none;background:none;color:#d63031;font-size:1.5rem;font-weight:700;&:hover{opacity:.69}}.addModalInput{margin-top:2rem;button,input{height:32px}input{background:none;outline:none;border:1px solid #797c8f;padding:6px;color:#797c8f}}button:hover{opacity:.69}.sorting-dropdown{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:280px;margin-right:4rem}.sorting-dropdown .sorting-dropdown-btn{padding:15px 10px;font-size:.8rem;display:flex;align-items:center;cursor:pointer;justify-content:space-between;height:8px}.sorting-dropdown .sorting-dropdown-btn,.sorting-dropdown .sorting-dropdown-content{background:#f1f1f1;box-shadow:3px 3px 10px 6px rgba(0,0,0,.06);font-weight:400;color:#333}.sorting-dropdown .sorting-dropdown-content{position:absolute;top:110%;left:0;width:100%}.sorting-dropdown .sorting-dropdown-content .sorting-dropdown-item{padding:10px;cursor:pointer;transition:all .2s;font-size:.9rem}.sorting-dropdown .sorting-dropdown-content .sorting-dropdown-item:hover{background:#ccc}.sorting{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0;background-color:#eee!important;font-family:Open Sans,sans-serif!important;letter-spacing:0!important}.sorting-toolbar{height:80px;background-color:#383838;display:flex;align-items:center;padding:0 5rem}.sorting-toolbar-button{display:inline-block;width:180px;text-align:center;margin:0 1rem;padding:.69rem;background-color:#f1f1f1;cursor:pointer;font-size:.8rem;font-weight:400}.sorting-toolbar-button:hover{background:#ccc}.sorting-toolbar-disabled{pointer-events:none;opacity:.4}.sorting-toolbar-slider{font-size:.8rem;color:#fff;margin:0 5rem}.sorting-toolbar-slider-slider{-webkit-appearance:none;width:180px;height:10px;background:#fff;outline:none;transition:opacity .2s;margin:.69rem 0}.sorting-toolbar-slider-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:999px;background:#55efc4;cursor:pointer}.sorting-array-bars{display:flex;justify-content:center;align-items:top}.sorting-array-item{background-color:#00b894;margin:0 1px;display:inline-block}.blogContainer{display:grid}.blogItem{border:1px solid var(--light-border-color);border-radius:var(--border-radius);overflow:hidden;height:100%;>img{object-fit:cover;width:100%;height:200px}.blogTexts{padding:2rem 1rem;.blogInsights{gap:1rem;img{width:16px;height:auto;margin-right:4px}}}}.blogTitle{font-weight:var(--fw-600)}.blogSubtitle{font-weight:var(--fw-300)}@media (min-width:1000px){.blogContainer{grid-template-columns:repeat(3,1fr);gap:1rem}.blogItemContainer{width:69%}}.blogItemContainer{margin:1rem}.blogItemTitle{margin-bottom:.5rem;font-family:Georgia,Times New Roman,Times,serif;font-size:3rem;font-weight:500;letter-spacing:normal}.blogItemDescription{font-size:1.5rem;font-weight:var(--fw-500)}.blogItemDate{font-size:var(--fs-300);color:var(--primary-dark-color-lighter);margin-block:1rem}.blogItemMeta{display:flex;gap:2rem;font-size:24px;cursor:pointer;.blogMeta:hover{opacity:.69}img{width:20px;height:auto;margin-right:4px}}.blogItemContent{margin-block:4rem;line-height:1.69;img{width:100%;margin-block:2rem}ol,ul{margin-left:1.5rem!important}li{list-style:auto!important}a{color:#06c;text-decoration:underline!important;font-weight:var(--fw-600)}a:hover{opacity:.69}pre.ql-syntax{background-color:var(--primary-dark-color);color:var(--primary-color);overflow:auto;font-size:13px;padding:1rem;&::selection{color:var(--primary-dark-color);background:var(--primary-color)}}}.backdrop{position:fixed;top:0;right:0;left:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;justify-content:flex-end;z-index:1000}.comments-panel{background:var(--primary-color);width:420px;height:100%;overflow-y:auto;box-shadow:-2px 0 5px rgba(0,0,0,.1);padding:2rem;position:relative}.close-button,.comments-panel{color:var(--primary-dark-color)}.close-button{background:transparent;border:none;font-size:1.5rem;cursor:pointer;margin-bottom:2rem}.comment-form{margin-bottom:20px}.comment-form input,.comment-form textarea{width:100%;margin-bottom:10px;padding:10px;border:2px solid var(--light-border-color);background:transparent;font-size:13px;font-family:inherit;color:var(--primary-dark-color)}.comment-form button{background:var(--primary-dark-color);color:var(--primary-color);padding:10px 20px;width:100px;height:40px;border:none;cursor:pointer}.comments-list{margin-top:20px}.comment-item{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--light-border-color);font-size:1rem}.comment-item>div>:first-child{margin-bottom:.5rem;font-weight:var(--fw-700);font-size:18px}.comment-item>div>:last-child{font-family:Times New Roman,Times,serif,Helvetica,sans-serif;font-size:13px}