*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-size:1.6rem;height:100vh;width:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}textarea::placeholder{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}p,h1,h2,h3,a,ul{margin:0;padding:0;text-decoration:none;list-style:none;color:#222}@media (max-width: 768px){body{font-size:1rem;height:100svh}}:root{--bg-color: #ffffff;--text-color: #2f2f2f;--container-color: #dddbdb52;--container-gradient: rgba(255, 255, 255, .2);--container-border:#000000;--scroll-color:#4c4c4c58;--photo-container-color: #cfcfcf35;--nav-bg-color: #ffffff;--title-color: #000000;--nav-border: #000000;--nav-links: #000000;--article-title-color: #2f2f2f;--article-bg-color: #cfcfcf35;--article-like-chat: #2f2f2f;--tags: orange;--tags-hover-article: #e6851a;--arrows: rgb(242, 242, 219, .2);--arrows-hover: rgb(242, 242, 219, .6);--library-photos-border: rgb(255, 255, 255);--search-container-border: outset;--categories-tags: whitesmoke;--categories--tags-hover: rgba(255, 166, 0, .218);--categories-tags-border: #9f9f9f;--categories-tags-active: rgba(255, 166, 0, .518);--selected-month-text: #333;--selected-month-text-hover-bg-color: rgba(255, 166, 0, .453);--search-label-text:black;--search-input-border: black;--search-input-outline: #ff9900;--library-search-border: #9f9f9f;--messageBoard-border: #494848;--messageBoard-background: rgb(243, 238, 230);--messageBoard-close-btn-bg-color: rgb(241, 228, 202);--messageBoard-close-btn-icon-color: #000000;--messageBoard-avatar-border: #ccc;--messageBoard-username: #333;--messageBoard-message: #555;--messageBoard-date: #999;--messageBoard-comment-wrap: #fcc680;--messageBoard-comment-textarea: #f0f0f0;--messageBoard-comment-btn: #de790d;--messageBoard-comment-btn-icon: #000000;--messageBoard-comment-btn-icon-hover: #f1ecec;--sidemenu-outer-bg-color: rgb(241, 241, 241);--sidemenu-outer-border: #ccc;--sidemenu-profile-bg-color: linear-gradient(to bottom right, #fddf89, #e7b663);--sidemenu-nav-bg-color: #ffffff;--sidemenu-nav-text-color: #333;--sidemenu-subscribe-message-bg-color: rgba(255, 166, 0, .842);--credits-links-color: rgb(16, 16, 236);--profile-border-color: rgb(242, 109, 0);--profile-border-shadow:#907709;--chat-profile-bg-color: #62bd02;--avatar-hover-bg-color: rgb(255, 225, 0);--avatar-hover-border: rgb(255, 225, 0);--avatar-selected-bg-color: rgb(255, 225, 0);--avatar-button-border: #dddbdb52;--avatar-button-bg-color: #dddbdb52;--login-container: rgba(231, 230, 230, .779);--login-container-border: black;--login-container-wrap: aliceblue;--login-container-wrap-border: rgb(169, 102, 0);--signup-login-button-color: orange;--signup-login-button-hover-text-color: azure;--signup-message-color: rgb(236, 227, 217);--theme-icon: black;--error-message-color: red}[data-theme=Dark]{--bg-color: #121212;--text-color: #f0f0f0;--container-color: #a0a0a022;--scroll-color:#dddbdb52;--container-gradient: rgba(255, 255, 255, .2);--container-border:#393838;--photo-container-color: #a89f9f35;--nav-bg-color: #121212;--title-color: #f0f0f0;--nav-border: #464646;--nav-links: #f0f0f0;--article-title-color: #f0f0f0;--article-bg-color: rgb(51, 51, 50);--article-like-chat: #f0f0f0;--tags: #b66916;--tags-hover-article: #e6851a;--arrows: rgba(226, 226, 209, .543);--arrows-hover: rgba(243, 243, 234, .92);--library-photos-border: rgb(87, 87, 85);--search-container-border: none;--categories-tags: rgb(109, 106, 106);--categories--tags-hover: rgba(129, 127, 125, .218);--categories-tags-border: #7b7979;--categories-tags-active: #b66713;--selected-month-text: #f0f0f0;--selected-month-text-hover-bg-color: #b66713;--search-label-text:#f0f0f0;--search-input-border: rgb(87, 86, 86);--search-input-outline: rgba(162, 248, 42, .75);--selected-month-border: #a1a1a1;--messageBoard-border: #494848;--messageBoard-background: #383838;--messageBoard-close-btn-bg-color: rgb(46, 46, 46);--messageBoard-close-btn-icon-color: #fffcfc;--messageBoard-avatar-border: #cccccc;--messageBoard-username: #ffffff;--messageBoard-message: #f4f2f2;--messageBoard-date: #999;--messageBoard-comment-wrap: #645037;--messageBoard-comment-textarea: #212121;--messageBoard-comment-btn: #b66713;--messageBoard-comment-btn-icon: #000000;--messageBoard-comment-btn-icon-hover: #f1ecec;--sidemenu-outer-bg-color: rgb(83, 83, 82);--sidemenu-outer-border: #414141;--sidemenu-profile-bg-color: linear-gradient(to bottom right, #978552, #967742);--sidemenu-nav-bg-color: #7b7b7b;--sidemenu-nav-text-color: rgb(215, 236, 250);--sidemenu-subscribe-message-bg-color: rgba(145, 95, 3, .95);--credits-links-color: rgba(117, 117, 255, .989);--profile-border-color: rgb(242, 109, 0);--profile-border-shadow:#907709;--chat-profile-bg-color: #62bd02;--avatar-hover-bg-color: rgb(184, 163, 7);--avatar-hover-border: rgb(255, 225, 0);--avatar-selected-bg-color: rgb(212, 187, 0);--avatar-button-border: rgb(181, 181, 181);--avatar-button-bg-color: #c0b9b9;--avatar-selected-border: rgb(5, 112, 3);--login-container: rgba(70, 68, 68, .779);--login-container-border: black;--login-container-wrap-border: rgb(98, 59, 0);--signup-login-button-color: orange;--signup-login-button-hover-text-color: azure;--signup-message-color: rgb(147, 146, 144);--theme-icon: #f0f0f0;--brightness-dark-mode: brightness(45%);--error-message-color: rgb(255, 196, 196)}[data-theme=West]{--bg-color: #fff3e6;--text-color: #663300;--container-color: #fff9f3;--scroll-color:#975e2446;--container-gradient: rgba(255, 255, 255, .2);--container-border:#663300;--photo-container-color: #fceedf;--nav-bg-color: #fff3e6;--title-color: #000000;--nav-border: #000000;--nav-links: #000000;--article-title-color: #663300;--article-bg-color: #fff9f3;--article-like-chat: #663300;--tags: rgb(249, 232, 160);--tags-hover-article: #f5e104;--arrows: #eca05433;--arrows-hover: #eca0548b;--library-photos-border: #e1ba93;--search-container-border: outset;--categories-tags: rgb(255, 232, 193);--categories-tags-hover: rgb(246, 214, 158);--categories-tags-border: #eca05433;--categories-tags-active: rgba(161, 99, 0, .565);--selected-month-text: #333;--selected-month-text-hover-bg-color: rgba(255, 166, 0, .453);--search-label-text:#663300;--search-input-border: #eca054;--search-input-outline: #eca054;--library-search-border: #663300;--messageBoard-border: #663300;--messageBoard-background: #fdfbf8;--messageBoard-close-btn-bg-color: rgb(245, 228, 173);--messageBoard-close-btn-icon-color: #000000;--messageBoard-avatar-border: #ccc;--messageBoard-username: #333;--messageBoard-message: #555;--messageBoard-date: #999;--messageBoard-comment-wrap: #fddeb2;--messageBoard-comment-textarea: #f0f0f0;--messageBoard-comment-btn: #de9c0d;--messageBoard-comment-btn-icon: #000000;--messageBoard-comment-btn-icon-hover: #f1ecec;--sidemenu-outer-bg-color: rgb(251, 251, 241);--sidemenu-outer-border: #663300;--sidemenu-profile-bg-color: linear-gradient(to bottom right, #fdd289, #d9a398);--sidemenu-nav-bg-color: #fffffa;--sidemenu-nav-text-color: #333;--sidemenu-subscribe-message-bg-color: rgba(255, 238, 0, .842);--credits-links-color: rgb(16, 16, 236);--profile-border-color: rgb(222, 97, 40);--profile-border-shadow:#906e09e3;--chat-profile-bg-color: #62bd02;--avatar-hover-bg-color: rgb(233, 159, 152);--avatar-hover-border: rgb(255, 225, 0);--avatar-selected-bg-color: rgb(255, 174, 0);--avatar-button-border: none;--avatar-selected-border: #663300;--login-container: rgba(231, 230, 230, .779);--login-container-border: #663300;--login-container-wrap: aliceblue;--login-container-wrap-border: rgb(221, 159, 45);--signup-login-button-color: rgb(244, 199, 84);--signup-login-button-hover-text-color: azure;--signup-message-color: rgb(236, 227, 217);--theme-icon: #663300;--error-message-color: red}body{background-color:var(--bg-color);color:var(--text-color)}:root{--header-height: 20vh}.header{height:var(--header-height)}.header-container{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.top-section{display:flex;flex-direction:column;align-items:center;position:relative}.corgi-header-img{width:clamp(140px,20vw,250px);height:auto;object-fit:cover;margin-bottom:-6.8rem;z-index:99}.header-title{display:flex;justify-content:center;gap:12rem;font-size:clamp(2rem,4vw,3.5rem);position:absolute;z-index:1}.header-title h1{color:var(--title-color)}nav ul{display:flex;align-items:center;gap:1rem;list-style:none;margin:0}.right-side-nav{display:flex;gap:2rem}.left-side-nav{display:flex;gap:1rem}.nav-links{color:var(--nav-links)}.menu-toggle-btn,.theme-btn{border:none;background-color:transparent;cursor:pointer}.theme-text{font-size:1.3rem;display:flex;justify-content:center;align-items:center;margin-top:3px}.theme-btn svg{fill:var(--theme-icon)}@media (max-width: 768px){.header-title{font-size:clamp(1rem,4vw,2.5rem);gap:5rem}.header-container nav{width:100%;border-bottom:2px solid var(--nav-border);font-size:1rem}.corgi-header-img{width:clamp(100px,15vw,200px);height:auto;object-fit:cover;margin-bottom:-4.5rem;z-index:2}nav ul{padding:1.25rem 0rem 0rem}.right-side-nav{display:flex;gap:1rem;margin-right:-1rem}.left-side-nav{display:flex;gap:0;margin-left:-1.5rem}.theme-btn svg{width:20px;height:20px}.theme-text{display:none}.theme-btn-content{gap:0}}@media (max-width: 320px){.corgi-header-img{width:clamp(50px,5vw,20px);height:auto;object-fit:cover;margin-bottom:-9.5rem;z-index:2}.header-title{font-size:clamp(1rem,2vw,2.5rem);gap:3rem}.header-title h1{font-size:1rem}.header-container nav{width:100%;border-bottom:2px solid var(--nav-border);font-size:1rem}nav ul{font-size:.8rem;padding:1.25rem 1rem 0}.right-side-nav{display:flex;gap:1rem}.left-side-nav{display:flex;gap:0}.theme-btn svg{width:10px;height:10px;margin-top:3.5px}.theme-text{display:none}.theme-btn-content{gap:0}}@media (min-width: 768px){.corgi-header-img{width:clamp(140px,20vw,250px);margin-bottom:-6.2rem}.header-title{gap:7rem;font-size:clamp(2rem,4vw,3.5rem)}.nav ul{padding:1.25rem 1rem 0}.header-container nav{width:100%;font-size:1.6rem}.theme-btn svg{width:30px;height:30px}.theme-text{display:none}}@media (width: 820px) and (height: 1180px){.corgi-header-img{margin-bottom:-5.2rem}}@media (min-width: 1024px){.corgi-header-img{margin-bottom:-6.5rem}.header-title{gap:9rem;font-size:clamp(2rem,4vw,3.5rem)}.header-container nav{font-size:2rem}.theme-btn svg{width:40px;height:40px}}@media (min-width: 1024px) and (max-height: 640px){.header-title h1{font-size:clamp(4rem,4vw,5.5rem);gap:5rem}.corgi-header-img{width:clamp(100px,17vw,240px);margin-bottom:-5.5rem}.header-title{gap:9rem;font-size:clamp(2rem,4vw,3.5rem)}.header-container{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;width:100%}.header-container nav{width:100%;font-size:1.6rem}.theme-btn svg{width:30px;height:30px}.theme-text{display:block;font-size:1.3rem;display:flex;justify-content:center;align-items:center;margin-top:3px}.theme-btn-content{display:flex;justify-content:center;align-items:center;margin-top:3px;gap:.5rem}}@media (min-width: 1280px){.corgi-header-img{width:clamp(100px,17vw,240px);margin-bottom:-6.8rem}.theme-btn-content{display:flex;justify-content:center;align-items:center;margin-top:3px;gap:.5rem}.theme-text{display:block;font-size:1.6rem;display:flex;justify-content:center;align-items:center;margin-top:3px}}@media (min-width: 1290px){.theme-text{display:block}.corgi-header-img{width:clamp(100px,17vw,240px);margin-bottom:calc(-7rem - 2px)}}@media (max-width: 1280px) and (orientation: landscape){.header-container nav{width:100%;border-bottom:2px solid var(--nav-border);font-size:1rem}.corgi-header-img{width:clamp(100px,15vw,200px);height:auto;object-fit:cover;margin-bottom:-5.3rem;z-index:2}nav ul{padding:1.25rem 1rem 0}.right-side-nav{display:flex;gap:1rem}.left-side-nav{display:flex;gap:0}.theme-btn svg{width:20px;height:20px}}@media (max-width: 1024px) and (orientation: landscape){.header-container nav{font-size:1.3rem}.corgi-header-img{width:clamp(100px,15vw,180px);height:auto;margin-bottom:-6rem}nav ul{padding:1.25rem 1rem 0}.theme-btn svg{width:25px;height:25px;margin-top:-2px}.theme-text{margin-top:-2px}}@media (max-width: 1024px) and (orientation: landscape) and (height: 768px){.corgi-header-img{margin-bottom:-5.9rem}.theme-text{display:none}.theme-btn svg{width:25px;height:25px;margin-top:0}}@media (max-width: 915px) and (orientation: landscape){.header-container nav{width:100%;border-bottom:2px solid var(--nav-border);font-size:1rem}.corgi-header-img{width:clamp(100px,15vw,200px);height:auto;object-fit:cover;margin-bottom:-4.85rem;z-index:2}nav ul{padding:1.25rem 1rem 0}.right-side-nav{display:flex;gap:1rem}.left-side-nav{display:flex;gap:0}.theme-btn svg{width:20px;height:20px}}@media (min-width: 1280px) and (orientation: landscape){.header-container nav{font-size:1.3rem}.corgi-header-img{width:clamp(100px,15vw,180px);height:auto;margin-bottom:-7rem}nav ul{padding:1.95rem 1rem 0}.theme-btn{display:flex;justify-content:center;align-items:center;margin-top:-.5rem}.theme-btn svg{width:25px;height:25px}.theme-text{font-size:1.3rem}.header-title{display:flex;justify-content:center;gap:10srem;font-size:clamp(2rem,4vw,3.5rem);position:absolute;z-index:1}.header-title h1{font-size:5.2rem}}@media (max-width: 740px) and (orientation: landscape){.corgi-header-img{width:clamp(100px,15vw,180px);height:auto;margin-bottom:-4.7rem}}@media (max-width: 667px) and (orientation: landscape){.corgi-header-img{width:clamp(100px,15vw,180px);height:auto;margin-bottom:-4.5rem!important}}@media (min-width: 2048px){.corgi-header-img{width:clamp(100px,17vw,240px);margin-bottom:-7.8rem}.theme-btn-content{display:flex;justify-content:center;align-items:center;margin-top:3px;gap:.5rem}.theme-text{display:block;font-size:1.6rem;display:flex;justify-content:center;align-items:center;margin-top:3px}.header-title h1{font-size:6rem}nav ul{font-size:1.5rem;padding:1.25rem 1rem 0}}.header-container nav{width:100%;border-bottom:2px solid var(--nav-border);background-color:var(--nav-bg-color);position:relative;z-index:0;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.side-menu{position:fixed;top:calc(25vh - 5px);left:0;transform:translate(-100%);background-color:var(--sidemenu-outer-bg-color);box-shadow:2px 2px 8px #0003;border:1px solid var(--sidemenu-outer-border);border-left:none;padding:1rem;border-radius:0 0 6px;transition:transform .3s ease-in-out,opacity .3s ease;margin-top:.2rem;z-index:1;width:auto;max-height:80svh;height:auto;overflow:auto;display:flex;justify-content:center;align-items:center}.menu-toggle-btn{padding:0 1rem}.nav-links{display:flex;flex-direction:column;gap:1rem;border-bottom:none}.nav-links button{text-align:left;background-color:transparent;border:none;cursor:pointer;color:var(--sidemenu-nav-text-color)}.nav-links button:hover{color:orange}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}.profile{text-align:center;padding:1rem;background:var(--sidemenu-profile-bg-color);border-radius:1rem 1rem 0 0}.profile-demo{text-align:center;padding:0 1rem 1rem}.profile-demo img,.profile-demo p,.profile-demo h3{opacity:.3}.subscribe-msg{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);background-color:var(--sidemenu-subscribe-message-bg-color);width:14rem;font-size:1.3rem;border:1px solid black}.profile h3{font-size:1.6rem;margin-bottom:.5rem}.profile img{width:7rem;height:7rem;object-fit:cover;border-radius:50%;border:3px solid var(--profile-border-color);box-shadow:0 0 0 3px var(--profile-border-shadow),0 2px 8px #0000001a;margin:0 auto 1rem}.stats{display:flex;justify-content:center;gap:1.5rem;font-size:1rem;color:#010101}.stats p:first-child{border-right:1px solid #000000;padding-right:1.5rem}.stats p:last-child{padding-right:1.5rem}.categories-menu{display:flex;flex-direction:column;gap:2rem;padding:1rem;background-color:var(--sidemenu-nav-bg-color);border-radius:0 0 1rem 1rem;box-shadow:0 2px 6px #0000000d}.not-used{opacity:.3}@media (min-width: 0px) and (max-width: 390px){.side-menu{top:11vh;padding:1rem;margin-top:.2rem;z-index:1;width:50%;font-size:1rem}.profile,.profile-demo{text-align:center;padding:1rem;background:var(--sidemenu-profile-bg-color);border-radius:1rem 1rem 0 0;width:100%;height:13rem;display:flex;flex-direction:column}.profile img{width:5rem;height:5rem}.subscribe-msg{width:8rem;font-size:1rem}.stats{gap:.5rem;font-size:.8rem}.stats p:first-child{padding-right:1rem;border-right:none}.stats p:last-child{padding-right:1rem}.categories-menu{gap:1rem;padding:1rem;background-color:var(--sidemenu-nav-bg-color);border-radius:0 0 1rem 1rem;box-shadow:0 2px 6px #0000000d}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}}@media (min-width: 390px) and (max-width: 678px){.side-menu{top:8vh;transform:translate(-100%);padding:1rem;margin-top:.2rem;width:50%}.profile,.profile-demo{text-align:center;padding:1rem;background:var(--sidemenu-profile-bg-color);border-radius:1rem 1rem 0 0;width:100%;height:14rem;display:flex;flex-direction:column}.profile{height:13rem!important}.profile img{width:5rem;height:5rem}.subscribe-msg{width:8rem;font-size:1rem}.stats{gap:.5rem;font-size:.8rem}.stats p:first-child{padding-right:1rem;border-right:none}.stats p:last-child{padding-right:1rem}.categories-menu{gap:1rem;padding:1rem;background-color:var(--sidemenu-nav-bg-color);border-radius:0 0 1rem 1rem;box-shadow:0 2px 6px #0000000d}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}}@media (width: 540px) and (height: 720px){.side-menu{top:10vh;padding:1rem;width:40%}.profile,.profile-demo{padding:1rem;background:var(--sidemenu-profile-bg-color);border-radius:1rem 1rem 0 0;width:100%;height:15rem}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}}@media (width: 344px) and (height: 882px){.side-menu{top:9vh;transform:translate(-100%);padding:1rem;margin-top:.2rem;width:auto;max-height:80svh;height:auto;overflow:auto;display:flex;justify-content:center;align-items:center}.profile,.profile-demo{padding:1rem;background:var(--sidemenu-profile-bg-color);border-radius:1rem 1rem 0 0;width:100%;height:15rem}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}}@media (min-width: 176px){.side-menu{top:12vh;padding:1rem;margin-top:.2rem;width:auto;max-height:80svh;height:auto;overflow:auto;display:flex;justify-content:center;align-items:center}.profile,.profile-demo{text-align:center;padding:1rem;background:var(--sidemenu-profile-bg-color);border-radius:1rem 1rem 0 0;width:100%;height:100%;display:flex;flex-direction:column}.subscribe-msg{width:10rem;font-size:.8rem}.stats{gap:.5rem;font-size:.8rem}.stats p:first-child{padding-right:1rem;border-right:none}.stats p:last-child{padding-right:1rem}.categories-menu{gap:0rem;padding:1rem;font-size:1rem;min-height:40svh;max-height:auto}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}.profile h3,.profile-demo h3{font-size:1.2rem!important;margin-bottom:.5rem}.profile img,.profile-demo img{width:4rem;height:4rem;object-fit:cover;border-radius:50%;border:3px solid var(--profile-border-color);box-shadow:0 0 0 3px var(--profile-border-shadow),0 2px 8px #0000001a;margin:0 auto 1rem}}@media (min-width: 768px){.side-menu{top:12vh;transform:translate(-100%);padding:1rem;margin-top:.2rem;width:40%}.profile,.profile-demo{text-align:center;padding:1rem;background:var(--sidemenu-profile-bg-color);border-radius:1rem 1rem 0 0;width:100%;height:14rem;display:flex;flex-direction:column}.subscribe-msg{width:10rem;font-size:1.2rem}.stats{gap:.5rem;font-size:1.3rem}.stats p:first-child{padding-right:1rem;border-right:none}.stats p:last-child{padding-right:1rem}.categories-menu{gap:1rem;padding:1rem;background-color:var(--sidemenu-nav-bg-color);border-radius:0 0 1rem 1rem;box-shadow:0 2px 6px #0000000d;font-size:2rem}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}.profile h3,.profile-demo h3{font-size:1.6rem!important;margin-bottom:.5rem}.profile img,.profile-demo img{width:7rem;height:7rem;object-fit:cover;border-radius:50%;border:3px solid var(--profile-border-color);box-shadow:0 0 0 3px var(--profile-border-shadow),0 2px 8px #0000001a;margin:0 auto 1rem}}@media (min-width: 820px){.side-menu{top:11vh;transform:translate(-100%);padding:1rem;margin-top:.2rem;width:40%}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}}@media (min-width: 853px){.side-menu{top:9vh}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}}@media (min-width: 912px){.side-menu{top:9vh;transform:translate(-100%);padding:1rem;margin-top:.2rem;width:35%}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}}@media (min-width: 1024px){.side-menu{top:12vh;transform:translate(-100%);padding:1rem;margin-top:.2rem;width:35%}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}}@media (min-width: 1024px) and (max-height:600px){.side-menu{top:22vh;transform:translate(-100%);padding:1rem;margin-top:.2rem;width:20%;max-height:80svh}.profile,.profile-demo{text-align:center;padding:1rem;background:var(--sidemenu-profile-bg-color);border-radius:1rem 1rem 0 0;width:100%;height:11rem;display:flex;flex-direction:column}.subscribe-msg{width:10rem;font-size:1rem}.stats{gap:.5rem;font-size:1rem}.categories-menu{padding:1rem;font-size:1.2rem;gap:0rem}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}.profile h3,.profile-demo h3{font-size:1.2rem!important;margin-bottom:.5rem}.profile img,.profile-demo img{width:5rem;height:5rem}}@media (min-width: 1280px){.side-menu{top:21vh;width:20%}.stats{font-size:1.2rem}}@media (max-width: 915px) and (orientation: landscape){.side-menu{top:15vh;padding:1rem;width:30%}.profile,.profile-demo{text-align:center;padding:1rem;background:var(--sidemenu-profile-bg-color);border-radius:1rem 1rem 0 0;width:100%;height:11rem;display:flex;flex-direction:column}.subscribe-msg{width:10rem;font-size:1rem}.stats{gap:.5rem;font-size:.8rem}.categories-menu{padding:1rem;font-size:1rem}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}.profile h3,.profile-demo h3{font-size:1.2rem!important;margin-bottom:.5rem}.profile img,.profile-demo img{width:5rem;height:5rem;object-fit:cover}}@media (max-width: 1280px) and (orientation: landscape){.side-menu{top:18vh;padding:1rem;width:auto;max-height:80svh;height:auto;overflow:auto;display:flex;justify-content:center;align-items:center}.profile,.profile-demo{text-align:center;padding:1rem;background:var(--sidemenu-profile-bg-color);border-radius:1rem 1rem 0 0;width:100%;height:13rem;display:flex;flex-direction:column}.subscribe-msg{width:10rem;font-size:1rem}.stats{gap:.5rem;font-size:.9rem}.categories-menu{padding:1.2rem;font-size:1.2rem}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}.profile h3,.profile-demo h3{font-size:1.3rem!important;margin-bottom:.5rem}.profile img,.profile-demo img{width:6rem;height:6rem;object-fit:cover}}@media (min-width: 1366px) and (orientation: landscape){.side-menu{top:13vh;padding:1rem;width:auto;max-height:80svh;height:auto;overflow:auto;display:flex;justify-content:center;align-items:center}.profile,.profile-demo{height:15rem}.subscribe-msg{width:15rem}.stats{gap:.5rem;font-size:1rem}.categories-menu{padding:1.5rem;font-size:1.5rem}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-100%)}.profile h3,.profile-demo h3{font-size:1.5rem!important;margin-bottom:.5rem}.profile img,.profile-demo img{width:7rem;height:7rem}}@media (max-width: 740px) and (orientation: landscape){.side-menu{top:13vh;padding:.8rem;width:25%}.profile,.profile-demo{height:9.5rem}.subscribe-msg{width:8rem;font-size:.7rem}.stats{gap:.3rem;font-size:.66rem}.categories-menu{padding:1rem;font-size:.8rem}.profile h3,.profile-demo h3{font-size:1rem!important;margin-bottom:.5rem}.profile img,.profile-demo img{width:3rem;height:3rem}.categories-menu .nav-links p{margin-bottom:-.2rem}}@media (min-width: 2048px){.side-menu{top:18vh;padding:1rem;width:auto;max-height:80svh;height:auto;overflow:auto;display:flex;justify-content:center;align-items:center}.profile,.profile-demo{text-align:center;padding:1rem;background:var(--sidemenu-profile-bg-color);border-radius:1rem 1rem 0 0;width:100%;height:14rem;display:flex;flex-direction:column}.subscribe-msg{width:12rem;font-size:1.5rem}.stats{gap:.5rem;font-size:1.3rem}.categories-menu{padding:1.2rem;font-size:2rem}.profile h3,.profile-demo h3{font-size:1.5rem!important}.profile img,.profile-demo img{width:7rem;height:7rem}}.background-overlay{position:fixed;width:100%;height:100%;inset:0;background-color:#00000080;z-index:999}.signup-container{border:1px solid var(--container-border);border-top:none;width:50rem;padding:2rem .5rem;margin:0 auto;background:linear-gradient(135deg,var(--container-color) 0%,var(--container-gradient) 100%);background-size:200% 200%;transition:background-position .5s ease;overflow-y:auto;color:var(--text-color)}.signup-container h1{text-align:center;font-size:2rem;color:var(--text-color)}.signup-container-content{display:flex;justify-content:space-around}.create-account-info{border-left:1px solid var(--messageBoard-avatar-border);display:flex;flex-direction:column;justify-content:center;width:80%;padding:1rem}.create-account-avatar{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.avatar-wrap{flex:1}.avatar-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;justify-content:center;align-items:center;height:auto}.avatar-btn{border-radius:50%;overflow:hidden;width:7rem;height:7rem;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background-color:var(--chat-profile-bg-color)!important;border:var(--avatar-button-border)}.avatar-btn:hover{background-color:var(--avatar-hover-bg-color)!important;border:2px solid var(--avatar-hover-border)}.avatar-imgs:hover{background-color:var(--avatar-hover-bg-color)!important;border:2px solid var(--avatar-hover-border);filter:brightness(100%)}.selected{background-color:var(--avatar-selected-bg-color)!important;border:2px solid var(--avatar-selected-border);filter:brightness(110%);transform:scale(1.2);box-shadow:3px 3px 3px 3px #0000006a}.avatar-imgs{object-fit:cover;border-radius:50%;display:block;filter:brightness(90%)}.img-avatar-1,.img-avatar-2,.img-avatar-5{object-position:50% 50%}.img-avatar-4{width:150%;height:150%;object-position:50% -1rem}.img-avatar-7{width:120%;height:120%;object-position:50% 50%s}.img-avatar-8{width:120%;height:120%;object-position:50% 50%}.login-container-background{background-image:url(/assets/corgi-login-CKmQu_oP.webp);background-size:cover;background-position:center;filter:var(--brightness-dark-mode);width:30rem;height:28rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50px;border:2px solid var(--login-container-wrap-border);box-shadow:0 6px 16px #0003}.login-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--login-container-border);border-radius:99px;width:25rem;height:23rem;padding:2rem 4rem;margin:0 auto;background-color:var(--login-container);color:var(--text-color)}.login-container form,.signup-container form{display:flex;flex-direction:column;margin-bottom:.5rem;font-size:1.4rem}.login-container label,.signup-container label{margin-top:.5rem;font-weight:700}.signup-container label>span{font-size:1rem}.login-container input,.signup-container input{padding:5px;font-family:inherit;font-size:1.2rem;border-radius:10px;border:.5px solid black}.login-container button,.signup-container button{margin-top:1.2rem;font-family:inherit;padding:.3rem;font-weight:700;background-color:var(--signup-login-button-color);border:1px solid black;color:#000;border-radius:7px}.login-container button:hover,.signup-container button:hover{color:var(--signup-login-button-hover-text-color);cursor:pointer}.login-container p{text-align:center;margin-top:1.5rem;font-size:.9rem}.sign-up-message{background-color:var(--signup-message-color);padding:.3rem;border-radius:7px;border:1px solid var(--container-border)}.login-container a{color:#00f;text-decoration:underline}.logged-in-state h2{color:var(--text-color)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:2.5rem}.toggle-password-btn{position:absolute;right:.5rem;background:none!important;border:none!important;cursor:pointer;padding:0;transform:translateY(-25%)}.toggle-password-btn svg{opacity:.8}.close-login-btn{position:absolute;top:0;right:0;transform:translate(1rem,-2rem);border-radius:50%}.close-login-btn svg{width:30px;height:30px}.close-login-btn svg:hover{fill:var(--signup-login-button-hover-text-color)}.password-instruction{font-size:1rem}.signup-container .error-message,.signup-container .error-messagess{color:red;margin-bottom:10px;font-size:1.2rem;margin-left:auto;margin-right:auto;text-align:left;max-width:80%}.login-container .error-message,.login-container .error-messages{position:absolute;top:0;left:50%;transform:translate(-50%,-2rem);text-align:center;color:var(--error-message-color);margin-bottom:0;font-size:1.2rem;max-width:100%;white-space:nowrap}.success-message{color:green;margin-bottom:10px}.success-login-message{position:fixed;top:5%;left:0;border:.5px solid black;border-left:none;background-color:transparent;color:#fff;padding:.5rem 1rem;margin-bottom:1rem;border-radius:0 4px 4px 0;text-align:center;font-size:1.2rem;box-shadow:0 6px 16px #0003;opacity:0;z-index:999;overflow:hidden;transition:right .7s ease-in-out,opacity .7s ease-in-out;border-right:12px solid rgb(66,66,66);white-space:pre-line}.success-login-message.slide-in-message{opacity:1}.success-login-message:before{content:"";position:absolute;top:0;left:0;height:100%;background-color:#4cb513;width:0%;z-index:-1;animation:fill-charge 1s ease-in-out forwards}.avatar-wrap::-webkit-scrollbar{width:3px}.avatar-wrap::-webkit-scrollbar-thumb{background-color:var(--scroll-color);border-radius:10px}.avatar-wrap::-webkit-scrollbar-track{background:transparent}@keyframes fill-charge{0%{width:0%}to{width:100%}}@media (max-width: 678px){.signup-container{width:100vw;padding:.2rem;display:flex;justify-content:center;align-items:center;height:100%;border-left:none;border-right:none}.signup-container h1{text-align:center;font-size:1.4rem}.avatar-btn{width:70px;height:70px;margin-bottom:-1rem}.avatar-wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;overflow-y:auto;padding-right:.5rem;max-height:20rem}.create-account-avatar h1{font-size:1rem;margin-top:1rem}.create-account-info{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;border-width:60%}.create-account-info h1{padding-bottom:.5rem}.login-container form,.signup-container form{display:flex;flex-direction:column;margin-bottom:.5rem;font-size:1.1rem}.login-container input,.signup-container input{font-size:1rem}.signup-container button[type=submit]{margin-top:2rem;padding:.3rem}.password-input-wrapper input{padding-right:1.8rem}.toggle-password-btn{right:.1rem;transform:translateY(-35%)}.eye-icon{width:20px;height:20px}.login-container-background{width:20rem;height:22rem}.login-container{width:16rem;height:17rem;padding:1rem 3rem;margin:0 auto}.login-container form{font-size:1rem}.close-login-btn svg{width:25px;height:25px}.close-login-btn{transform:translate(.5rem,-2rem)}.success-login-message{top:0;font-size:.8rem}.signup-container .error-message,.signup-container .error-messagess{margin-bottom:0;font-size:1rem;margin-left:auto;margin-right:auto;text-align:left;max-width:80%}.login-container .error-message,.login-container .error-messages{transform:translate(-50%,-2rem);text-align:center;font-size:1rem;background-color:#f0f8ff}}@media (min-width: 176px){.login-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--login-container-border);border-radius:99px;width:16rem;height:17rem;padding:1rem 2rem;margin:0 auto;background-color:var(--login-container);color:var(--text-color)}.login-container form,.signup-container form{overflow:auto}}@media (min-width: 768px){.signup-container{padding:2rem}}@media (min-width: 1024px) and (max-height: 600px){.signup-container{width:70vw}.signup-container h1{text-align:center;font-size:1.4rem}.avatar-btn{width:80px;height:80px}.avatar-wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;overflow-y:auto;padding-right:.5rem;max-height:21rem}.create-account-avatar h1{font-size:1.3rem}.create-account-info{display:flex;flex-direction:column;justify-content:center;border-width:60%}.create-account-info h1{padding-bottom:.5rem}.login-container form,.signup-container form{display:flex;flex-direction:column;margin-bottom:.5rem;font-size:1.1rem}.login-container input,.signup-container input{font-size:1rem}.signup-container button[type=submit]{margin-top:2rem;padding:.3rem}.password-input-wrapper input{padding-right:1.8rem}.toggle-password-btn{right:.1rem;transform:translateY(-35%)}.eye-icon{width:20px;height:20px}.login-container-background{width:20rem;height:22rem}.login-container{width:16rem;height:17rem;padding:1rem 3rem;margin:0 auto}.login-container form{font-size:1rem}.close-login-btn svg{width:25px;height:25px}.close-login-btn{transform:translate(.5rem,-2rem)}.success-login-message{top:0;font-size:.8rem}.signup-container .error-message,.signup-container .error-messagess{margin-bottom:0;font-size:1rem;margin-left:auto;margin-right:auto;text-align:left;max-width:80%}.login-container .error-message,.login-container .error-messages{transform:translate(-50%,-2rem);text-align:center;font-size:1rem;background-color:#f0f8ff}}@media (min-width: 1280px){.signup-container{width:60vw}}@media (max-width: 915px) and (orientation: landscape){.signup-container{width:80vw;height:80vh}.signup-container h1{text-align:center;font-size:1.4rem}.avatar-btn{width:80px;height:80px}.avatar-wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;overflow-y:auto;padding-right:.5rem;max-height:21rem}.create-account-avatar h1{font-size:1.3rem}.create-account-info{display:flex;flex-direction:column;justify-content:center;border-width:60%}.create-account-info h1{padding-bottom:.5rem}.login-container form,.signup-container form{display:flex;flex-direction:column;margin-bottom:.5rem;font-size:1.1rem}.login-container input,.signup-container input{font-size:1rem}.signup-container button[type=submit]{margin-top:2rem;padding:.3rem}.password-input-wrapper input{padding-right:1.8rem}.toggle-password-btn{right:.1rem;transform:translateY(-35%)}.eye-icon{width:20px;height:20px}.login-container-background{width:20rem;height:22rem}.login-container{width:16rem;height:17rem;padding:1rem 3rem;margin:0 auto}.login-container form{font-size:1rem}.close-login-btn svg{width:25px;height:25px}.close-login-btn{transform:translate(.5rem,-2rem)}.success-login-message{top:0;font-size:.8rem}.signup-container .error-message,.signup-container .error-messagess{margin-bottom:0;font-size:1rem;margin-left:auto;margin-right:auto;text-align:left;max-width:80%}.login-container .error-message,.login-container .error-messages{transform:translate(-50%,-2rem);text-align:center;font-size:1rem;background-color:#f0f8ff}}@media (max-width: 1280px) and (orientation: landscape){.signup-container{width:80vw;height:80vh}.signup-container h1{text-align:center;font-size:1.5rem}.avatar-btn{width:85px;height:85px}.avatar-wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;overflow-y:auto;padding-right:.5rem;max-height:22rem}.create-account-avatar h1{font-size:1.3rem}.create-account-info{display:flex;flex-direction:column;justify-content:center;border-width:60%}.create-account-info h1{padding-bottom:.5rem}.login-container form,.signup-container form{display:flex;flex-direction:column;margin-bottom:.5rem;font-size:1.1rem}.login-container input,.signup-container input{font-size:1rem}.signup-container button[type=submit]{margin-top:2rem;padding:.3rem}.password-input-wrapper input{padding-right:1.8rem}.toggle-password-btn{right:.1rem;transform:translateY(-35%)}.eye-icon{width:20px;height:20px}.login-container-background{width:20rem;height:22rem}.login-container{width:16rem;height:17rem;padding:1rem 3rem;margin:0 auto}.login-container form{font-size:1rem}.close-login-btn svg{width:25px;height:25px}.close-login-btn{transform:translate(.5rem,-2rem)}.success-login-message{top:0;font-size:.8rem}.signup-container .error-message,.signup-container .error-messagess{margin-bottom:0;font-size:1rem;margin-left:auto;margin-right:auto;text-align:left;max-width:80%}.login-container .error-message,.login-container .error-messages{transform:translate(-50%,-2rem);text-align:center;font-size:1rem;background-color:#f0f8ff}}@media (min-width: 1280px) and (orientation: landscape){.signup-container h1{text-align:center;font-size:2rem}.avatar-btn{width:100px;height:100px}.avatar-wrap{max-height:30rem}.create-account-avatar h1{font-size:1.5rem}}@media (min-width: 1366px) and (orientation: landscape){.login-container-background{width:27rem;height:23rem}.login-container{width:19rem;height:19rem}.login-container form{font-size:1.2rem}}main{display:grid;grid-template-columns:1fr 3fr 1fr;height:calc(100vh - var(--header-height))}.error-container{padding:2rem}.error-container h1{color:var(--text-color)}.article-container{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:2rem;border:1px solid var(--container-border);border-top:none;width:46rem;margin:2.3rem auto;position:relative;z-index:0;background-color:var(--article-bg-color);box-shadow:0 2px 10px #0003;transform:translateY(-35px);height:100%;max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}.title-container{display:flex;flex-direction:column}.page-content{flex:1;transition:opacity .3s ease-in-out;height:100%}.page-content.sliding{opacity:0}.page-content h3{color:var(--text-color)}.content-grid-titlePage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:22rem;gap:2rem;height:100%;padding:.5rem 0}.content-grid-horizontalImage{display:grid;grid-template-rows:20rem 5rem 1rem;gap:2rem;text-align:center;height:100%}.img-content{width:100%;height:100%}.img-content img{width:100%;height:auto;object-fit:cover;border-radius:8px;display:block}.text-content{display:flex;flex-direction:column;gap:1.5rem;font-family:"Droid Serif",serif;color:var(--article-title-color);min-height:1.5em}.content-grid-titlePage .text-content{padding:1rem 0}.content-grid-titlePage .img-content{margin-top:1rem}.title h2{font-size:2.4rem;color:var(--article-title-color)}.sub-title{font-size:1.2rem}.sub-title p{margin-bottom:.2rem}.tags{display:flex;gap:.5rem}.tags a{background-color:var(--tags);border-radius:5px;padding:.3rem;font-size:1.2rem;transition:background-color .2s ease;color:var(--article-title-color)}.tags a:hover{background-color:var(--tags-hover-article);cursor:pointer}.tags a:first-letter{text-transform:capitalize}.content-bottom{display:flex;align-items:center;justify-content:space-between;font-size:1.2rem;padding:0 2rem;z-index:10;margin-top:auto}.right-wrap{display:flex;gap:1rem}.right-wrap .chat-icon{height:30px;width:30px;fill:var(--article-like-chat)}.comment-chat-wrap{display:flex;justify-content:center;align-items:center;gap:.4rem}.comment-chat-wrap:hover span,.comment-chat-wrap:hover .chat-icon{color:#dd7709;fill:#dd7709;cursor:pointer}.arrow-right-btn,.arrow-left-btn{width:35px;height:100px;padding:.2rem;border:none;background-color:var(--arrows);filter:brightness(90%);transition:all .2s ease}.arrow-right-btn:hover,.arrow-left-btn:hover{cursor:pointer;filter:brightness(70%);background-color:var(--arrows-hover)}.arrow-left-icon,.arrow-right-icon{margin-left:5px}.arrow-left-btn{position:absolute;top:50%;left:0;border-radius:0 7px 7px 0;transform:translateY(-50%)}.arrow-right-btn{position:absolute;top:50%;right:0;border-radius:7px 0 0 7px;transform:translateY(-50%)}.heart-btn{display:flex;gap:.3rem;background:none;border:none;color:var(--article-like-chat);transition:color .2s ease}.heart-icon{width:30px;height:30px;stroke:currentColor;fill:currentColor;transition:transform .2s ease}.like-section{display:flex;align-items:center}.like-section:hover .heart-btn:not(.liked),.like-section:hover .heart-icon:not(.liked){color:pink;fill:pink}.heart-btn.liked .heart-icon{fill:pink;stroke:pink;animation:heartBeat .3s ease-in-out}.login-like-message{position:absolute;bottom:0;background-color:#fc48489b;padding:0 .3rem;border-radius:7px}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 540px){.content-grid-titlePage{display:flex;flex-direction:column;min-height:20rem;gap:.5rem;padding:0;font-size:.9rem;text-align:center}.article-container{padding:1rem;width:auto;max-height:82svh!important;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}.title h2{font-size:1rem}.sub-title,.tags a{font-size:.6rem}.text-content{gap:.5rem}.content-bottom{display:flex;justify-content:space-between;font-size:.8rem;padding:0rem}.heart-icon{width:20px;height:20px}.arrow-right-btn,.arrow-left-btn{width:30px;height:80px}}@media (min-width: 176px){.article-container{width:90vw;max-height:88vh;overflow-y:auto}.content-grid-horizontalImage{grid-template-rows:18rem 3rem 1rem;gap:2rem}}@media (min-width: 540px){.article-container{width:90vw;max-height:88vh;overflow-y:auto}.content-grid-titlePage{display:flex;flex-direction:column;min-height:20rem;gap:.5rem;padding:0}}@media (min-width: 768px){.article-container{width:90vw;max-height:85vh;overflow-y:auto}.title h2{font-size:2.2rem}.sub-title,.tags a{font-size:1.2rem}.content-grid-titlePage{font-size:1.5rem;display:flex;flex-direction:column;gap:.5rem;padding:0;text-align:center}.content-grid-horizontalImage{grid-template-rows:30rem 10rem 1rem;gap:2rem}.page-content{font-size:2rem}.content-bottom{font-size:1.3rem}.heart-icon{width:30px;height:30px}}@media (min-width: 1024px){.article-container{width:90vw;margin:2.2rem auto;max-height:65vh;overflow-y:auto}.content-grid-titlePage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:32rem;gap:2rem;height:100%;padding:.5rem 0;text-align:left;font-size:2rem}.title h2{font-size:2.5rem}.sub-title,.tags a{font-size:1.5rem}.content-bottom{font-size:1.8rem}.heart-icon{width:40px;height:40px}.page-content{font-size:2.3rem}}@media (min-width: 1024px) and (max-height: 768px){.article-container{width:70vw;max-height:75vh!important;overflow-y:auto}.content-grid-titlePage{gap:2rem;padding:0;text-align:left;font-size:1rem;min-height:10vh}.content-grid-horizontalImage{grid-template-rows:10rem 5rem 1rem;gap:2rem}.title h2{font-size:1.7rem}.sub-title,.tags a{font-size:.9rem}.page-content{font-size:1.5rem}.content-bottom{margin-top:auto;font-size:1.2rem}.heart-icon{width:30px;height:30px}}@media (min-width: 1280px){.article-container{width:70vw;max-height:78vh!important;overflow-y:auto}.content-grid-titlePage{gap:2rem;padding:0;text-align:left;font-size:1.3rem;min-height:10vh}.content-grid-horizontalImage{grid-template-rows:15rem 5rem 1rem;gap:2rem}.page-content{font-size:1.8rem}}@media (min-width: 1290px){.article-container{width:60vw;margin:2.2rem auto;height:85vh;overflow-y:auto}.content-grid-titlePage .img-content{margin-top:0}.content-grid-titlePage{flex:1;gap:2rem;margin-top:2rem;max-height:10rem}.content-grid-horizontalImage{grid-template-rows:25rem 10rem 1rem;gap:2rem}.page-content{font-size:2rem}.content-bottom{font-size:1.3rem}.editor-wrapper{width:55rem}}@media (min-width: 1366px){.content-grid-horizontalImage{grid-template-rows:18rem 5rem 1rem;gap:2rem}}@media (max-width: 915px) and (orientation: landscape){.article-container{width:70vw;max-height:79vh!important;margin:0;margin-top:1rem;overflow-y:auto}.content-grid-titlePage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:0;text-align:left;font-size:.8rem;min-height:10vh}.content-grid-horizontalImage{grid-template-rows:8rem 3rem 1rem;gap:2rem}.title h2{font-size:1.3rem}.sub-title{font-size:.8rem}.tags a{font-size:.6rem}.page-content{font-size:1.1rem}.content-bottom{margin-top:auto;font-size:.9rem}.heart-icon{width:20px;height:20px;margin-top:2px}}@media (max-width: 1280px) and (orientation: landscape){.article-container{width:70vw;max-height:79vh!important;margin:0;margin-top:1rem}.content-grid-titlePage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:0;text-align:left;font-size:1.2rem;min-height:10vh}.content-grid-horizontalImage{grid-template-rows:14rem 3rem 1rem;gap:2rem}.title h2{font-size:1.3rem}.sub-title{font-size:1rem}.tags a{font-size:.8rem}.page-content{font-size:1.2rem}.content-bottom{margin-top:auto;font-size:1rem}.heart-icon{width:20px;height:20px;margin-top:2px}}@media (min-width: 1280px) and (orientation: landscape){.article-container{overflow-y:auto}.content-grid-titlePage{font-size:1.5rem}.title h2{font-size:2rem}.sub-title{font-size:1.3rem}.tags a{font-size:1rem}.page-content{font-size:1.5rem}.content-bottom{margin-top:auto;font-size:1.2rem}.heart-icon{width:30px;height:30px}.like-section span{margin-top:2px}.content-grid-horizontalImage{grid-template-rows:20rem 3rem 1rem;gap:2rem}}@media (max-width: 740px) and (orientation: landscape){.article-container{width:70vw;max-height:80svh!important;margin:0;margin-top:1rem;overflow-y:auto}.content-grid-titlePage{gap:1rem;padding:0;text-align:left;font-size:.8rem;min-height:10vh}.content-grid-horizontalImage{grid-template-rows:7rem 2rem 1rem;gap:1rem}.title h2{font-size:1rem}.sub-title{font-size:.6rem}.tags a{font-size:.5rem}.page-content{font-size:1rem}.content-bottom{margin-top:auto;font-size:.8rem}.heart-icon{width:20px!important;height:20px!important;margin-top:1px}.like-section span{margin-top:1px}.chat-icon{width:20px!important;height:20px!important}}@media (max-width: 667px) and (orientation: landscape){.article-container{width:70vw;max-height:80svh!important;margin:0;margin-top:1rem;overflow-y:auto;padding:1.5rem}.content-grid-titlePage{gap:1rem;padding:0;text-align:left;font-size:.7rem;min-height:10vh}}@media (min-width: 2048px){.article-container{overflow-y:auto}.content-grid-titlePage{gap:2rem;padding:0;text-align:left;font-size:1.5rem;min-height:30vh}.content-grid-horizontalImage{grid-template-rows:25rem 2rem 1rem;gap:2rem}.page-content,.content-grid-titlePage{font-size:2rem}.title h2{font-size:3rem}.sub-title{font-size:1.3rem}.tags a{font-size:1.5rem}.content-bottom{margin-top:auto;font-size:1.6rem}.heart-icon{width:40px;height:40px}.like-section span{margin-top:2px}}.loader-container{display:flex;justify-content:center;align-items:center;z-index:9999;background-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}.message-board-container{display:flex;flex-direction:column;padding:1rem 0;gap:1.2rem;background-color:var(--messageBoard-background);border:1.5px solid var(--messageBoard-border);border-top:none;border-radius:0 0 .75rem .75rem;transition:transform .3s ease-in-out,opacity .3s ease-out;max-width:18rem;width:100%;height:80%;position:relative;z-index:99;overflow:hidden;box-shadow:0 6px 16px #0003}.message-board-container .close-chat-btn{position:absolute;top:0;right:0;background-color:var(--messageBoard-close-btn-bg-color);border:none;border-radius:0 0 0 7px}.message-board-container .close-chat-btn:hover{cursor:pointer;filter:brightness(90%)}.close-icon{fill:var(--messageBoard-close-btn-icon-color)}.message-scroll-area{flex:1;overflow-y:auto;padding-bottom:5rem}.message-wrap{display:flex;gap:1rem;align-items:flex-start;padding-left:1rem;position:relative;margin-bottom:1rem}.message-wrap img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid var(--messageBoard-avatar-border);background-color:var(--chat-profile-bg-color)}.upper-part{display:flex;flex-direction:column}.username{font-weight:600;font-size:1rem;color:var(--messageBoard-username)}.message{font-size:1.1rem;color:var(--messageBoard-message)}.no-comments{text-align:center;margin:auto 0;font-size:1.2rem;transform:translateY(-50%);padding:1rem}.date{font-size:.75rem;color:var(--messageBoard-date)}.slide-in-chat{transform:translate(-5%);opacity:1}.slide-out-chat{transform:translate(100%);opacity:.25;pointer-events:none}.message-input{position:absolute;bottom:0;left:50%;display:flex;align-items:flex-end;padding:1rem;align-items:center;gap:.5rem;border-top:1px solid var(--messageBoard-border);width:100%;transform:translate(-50%);background-color:var(--messageBoard-comment-wrap)}.message-input textarea{flex:1;resize:none;border:none;outline:none;padding:.5rem;border-radius:20px;background-color:var(--messageBoard-comment-textarea);font-size:1.2rem;max-height:4rem;overflow-y:auto;font-family:inherit;color:var(--messageBoard-message)}.message-input button{background:none;border:.5px solid black;font-size:1.5rem;background-color:var(--messageBoard-comment-btn);border-radius:50%;cursor:pointer;padding:.5rem;transition:color .2s ease}.send-msg-icon{fill:var(--messageBoard-comment-btn-icon)}.message-input .send-msg-icon:hover{fill:var(--messageBoard-comment-btn-icon-hover)}.login-chat-message{position:absolute;bottom:100%;left:0;width:100%;background-color:#f44336;color:#fff;padding:.5rem;text-align:center;font-size:.9rem;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.login-chat-message.show{opacity:1;transform:translateY(0);pointer-events:auto}.no-comments{color:var(--messageBoard-message)}.message-scroll-area::-webkit-scrollbar{width:3px}.message-scroll-area::-webkit-scrollbar-thumb{background-color:var(--scroll-color);border-radius:10px}.message-scroll-area:-webkit-scrollbar-track{background:transparent}@media (max-width: 768px){.message-board-container{max-width:27rem;position:absolute}.slide-in-chat{transform:translateY(0);opacity:1}.slide-out-chat{transform:translateY(130%);opacity:.25;pointer-events:none}}@media (min-width: 768px){.message-board-container{max-width:27rem;position:absolute;right:0;max-height:75vh}.slide-out-chat{transform:translate(100%)}.slide-in-chat{transform:translate(0);opacity:1}}@media (min-width: 912px){.message-board-container{max-width:27rem;position:absolute;right:0;max-height:75vh}.slide-out-chat{transform:translate(110%)}.slide-in-chat{transform:translate(0);opacity:1}}@media (min-width: 1024px){.message-board-container{max-width:24rem;position:absolute;right:0;max-height:55vh}.slide-out-chat{transform:translate(100%)}.slide-in-chat{transform:translate(0);opacity:1}}@media (min-width: 1024px) and (max-height: 640px){.message-board-container{max-width:20rem;width:30vw;position:absolute;right:0;min-height:65vh}.slide-out-chat{transform:translate(120%)}.slide-in-chat{transform:translate(-5%);opacity:1}}@media (min-width: 1280px){.message-board-container{max-width:24rem;min-height:70vh}.slide-out-chat{transform:translate(100%)}.slide-in-chat{transform:translate(-5%);opacity:1}}@media (max-width: 915px) and (orientation: landscape){.message-board-container{max-width:20rem;width:30vw;position:absolute;right:0;min-height:65vh}.slide-out-chat{transform:translate(120%)}.slide-in-chat{transform:translate(-5%);opacity:1}}@media (max-width: 740px) and (orientation: landscape){.message-board-container{max-height:78vh}.message-wrap img{width:38px;height:38px}.username{font-size:.8rem}.message{font-size:.7rem}.date{font-size:.5rem;color:var(--messageBoard-date)}.message-input{padding:.5rem;width:100%}.message-input textarea{padding:.5rem;font-size:.8rem;max-height:4rem}.message-input button{font-size:1rem;padding:.2rem}}.search-menu button,p,label{color:var(--text-color)}.library-container{margin:0 10rem;overflow:hidden;border:1px solid var(--container-border);border-top:none;max-width:80vw;height:75vh;display:flex;background:linear-gradient(135deg,var(--container-color) 0%,var(--container-gradient) 100%);background-size:200% 200%;transition:background-position .5s ease}.library-content{display:flex;width:100%;height:100%}.library-content nav{border:none;background-color:transparent}.articles-compilation{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-auto-rows:9rem;grid-auto-flow:dense;padding:.5rem;overflow-y:auto;height:100%;background:linear-gradient(135deg,var(--photo-container-color) 0%,var(--container-gradient) 100%);background-size:200% 200%;transition:background-position .5s ease}.articles-compilation figure{container:figure / inline-size;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);position:relative}.articles-compilation img{inline-size:100%;block-size:100%;object-fit:cover;grid-area:1 / 1 / -1 / -1}.articles-compilation figcaption{grid-area:1 / 1 / -1 / -1;align-self:end;z-index:1;padding:3em 15% 1em 1em;color:#fff;font-size:1.2rem;line-height:1.3;background:linear-gradient(transparent 25%,#000000bf)}figcaption h3{color:#fff;margin-bottom:5px}.article-card{border:1px solid var(--library-photos-border)}.article-card:hover{cursor:pointer;filter:brightness(110%)}.card-stats{display:flex;gap:.2rem}.card-stats svg{width:20px;height:20px}.stats-wrap{display:flex;justify-content:center;align-items:center;padding:.1rem .6rem;border-radius:10px;background-color:#fff;opacity:.8}.stats-wrap p{margin-left:5px;color:#000}.not-found{display:flex;justify-content:center;align-items:center}.library-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.articles-compilation::-webkit-scrollbar{width:2px}.articles-compilation::-webkit-scrollbar-thumb{background-color:var(--scroll-color);border-radius:10px}.articles-compilation::-webkit-scrollbar-track{background:transparent}@container figure (width > 20rem){.articles-compilation figcaption{display:block}}@media (width > 600px){.articles-compilation figure:nth-child(1){grid-area:span 2 / span 2}.articles-compilation figure:nth-child(4n+1){grid-row:span 2}.articles-compilation figure:nth-child(4n+2){grid-column:span 2}}@media (max-width: 768px){.library-container{margin:0;max-width:100vw;height:88svh}.articles-compilation{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-auto-rows:8rem;padding:0;border-bottom:1px solid var(--container-border)}.articles-compilation figcaption{padding:2em 2% 1em 1em;font-size:1rem;text-align:right;line-height:1.2}figcaption h3{font-size:1rem;margin-bottom:5px}.card-stats{justify-content:end}.card-stats svg{width:15px;height:15px}}@media (min-width: 820px){.library-container{margin:0;max-width:100vw;height:88svh}}@media (min-width: 1024px){.library-container{margin:0 auto;border:1px solid var(--container-border);border-top:none;max-width:80vw;height:75vh;display:flex;background:linear-gradient(135deg,var(--container-color) 0%,var(--container-gradient) 100%)}.articles-compilation{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));grid-auto-rows:10rem}.search-month ul{font-size:1.5rem;grid-template-columns:1fr 1fr}.search-menu{flex:.3}}@media (max-width: 915px) and (orientation: landscape){.library-container{margin:0 auto;border:1px solid var(--container-border);border-top:none;max-width:80vw;height:80vh;display:flex;background:linear-gradient(135deg,var(--container-color) 0%,var(--container-gradient) 100%)}}@media (max-width: 1280px) and (orientation: landscape){.library-container{margin:0 auto;border-top:none;max-width:80vw;height:80vh;background:linear-gradient(135deg,var(--container-color) 0%,var(--container-gradient) 100%)}}@media (min-width: 2048px){.library-container{margin:0 auto;border:1px solid var(--container-border);border-top:none;max-width:80vw;height:80vh;display:flex;background:linear-gradient(135deg,var(--container-color) 0%,var(--container-gradient) 100%)}.articles-compilation{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));grid-auto-rows:10rem}.search-month ul{font-size:1.5rem;grid-template-columns:1fr 1fr}}.search-nav-links{display:flex;flex-direction:column;gap:1.5rem;font-family:Playfair Display,Times New Roman,Times,serif}.search-menu{flex:.38;background-color:var(--container-color);padding:2rem .5rem .5rem;position:relative;z-index:0;border-style:var(--search-container-border);overflow-y:auto}.search{display:flex;align-items:flex-start;padding:0 1.5rem;flex-direction:column;gap:.5rem}.search label{font-weight:600;margin-bottom:-.5rem;margin-left:.2rem;font-size:1.5rem;color:var(--search-label-text);text-align:left}.search input{width:100%;font-family:inherit;border-color:var(--search-input-border);padding:.6rem 1rem;border-radius:.5rem;font-size:1rem;outline-color:var(--search-input-outline)}.search input::placeholder{color:#000}.new-posts-btn,.search-nav-links p{font-size:1.5rem;padding:0 1.5rem;transition:color .2s ease;font-weight:700}.new-posts-btn{cursor:pointer}.search-date{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.5rem;position:relative}.search-date button{background-color:transparent;border:none}.search-month-wrap{transform:translateY(-10px)}.search-month{max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .4s ease,opacity .4s ease,transform .4s ease;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;border:1px solid var(--selected-month-border);border-left:none;border-right:none;padding:.5rem;color:var(--selected-month-text)}.search-month.open-list{max-height:500px;opacity:1;transform:translateY(0)}.search-month li{display:flex;opacity:0;transform:translateY(-5px);padding:.3rem .6rem;border-radius:4px}.search-month li:hover{cursor:pointer;background-color:var(--selected-month-text-hover-bg-color);border-radius:7px}.search-month li.selected-month{background-color:var(--categories-tags-active);color:var(--selected-month-text);font-weight:600}.search-month li.selected-month:hover{background-color:var(--categories-tags-active)}.search-month.open-list li{opacity:1;transform:translateY(0)}.search-year{display:flex;align-items:center}.year-buttons{display:flex}.active-underline{text-decoration:underline}.new-posts-btn{border:none;background:transparent;text-align:left;margin-top:1.5rem}.category-wrap{display:flex;flex-direction:column}.category-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin-top:.5rem;padding:0 1.5rem}.category-tags button{background-color:var(--categories-tags);border:1px solid var(--categories-tags-border);cursor:pointer}.category-tags button:hover{background:var(--categories-tags-hover)}.category-tags button:first-letter{text-transform:capitalize}.active-tag{background:var(--categories-tags-active)!important}.loading-dates{display:flex;justify-content:center;font-size:1.2rem}@media (max-width: 678px){.search-nav-links{gap:1rem}.search-menu{flex:.6;padding-top:1rem}.search{padding:.2rem;gap:.5rem}.search label{font-size:1rem}.search input{padding:.2rem .5rem;font-size:1rem}.new-posts-btn,.search-nav-links p{font-size:.9rem;padding:0 1rem}.search-date{gap:.5rem;font-size:1rem}.search-month{gap:.5rem;padding:.3rem}.search-month li{padding:.3rem}.category-tags{gap:.3rem;margin-top:.3rem;padding:0}}@media (min-width: 1290px){.search-month ul{font-size:1.5rem;grid-template-columns:1fr 1fr}.search input{width:90%;font-size:1.2rem}}@media (max-width: 915px) and (orientation: landscape){.search-month ul{font-size:1rem;grid-template-columns:1fr 1fr}.search input{width:100%;font-size:.6rem}.search-menu{padding:1rem .5rem .5rem}.search-nav-links{gap:1rem}.search-menu{flex:.3;padding-top:1rem}.search{padding:.2rem;gap:.5rem}.search label{font-size:1rem}.search input{padding:.2rem .5rem;font-size:1rem}.new-posts-btn,.search-nav-links p{font-size:.9rem;padding:0 1rem}.search-date{gap:.5rem;font-size:1rem}.search-month{gap:.5rem;padding:.3rem}.search-month li{padding:0rem}.category-tags{gap:.3rem;margin-top:.3rem;padding:0}.category-tags{gap:.2rem;font-size:1rem}}@media (max-width: 1280px) and (orientation: landscape){.search-month ul{font-size:1rem;grid-template-columns:1fr 1fr}.search input{width:100%;font-size:.6rem}.search-menu{padding:1rem .5rem .5rem}.search-nav-links{gap:1rem}.search-menu{flex:.3;padding-top:1rem}.search{padding:.2rem;gap:.5rem}.search label{font-size:1rem}.search input{padding:.2rem .5rem;font-size:1rem}.new-posts-btn,.search-nav-links p{font-size:.9rem;padding:0 1rem}.search-date{gap:.5rem;font-size:1rem}.search-month{gap:.5rem;padding:.3rem}.search-month li{padding:0rem}.category-tags{gap:.3rem;margin-top:.3rem;padding:0}.category-tags{gap:.2rem;font-size:1rem}}@media (max-width: 667px) and (orientation: landscape){.search-month ul{font-size:.8rem;grid-template-columns:1fr 1fr}.search input{width:100%;font-size:.6srem}.search-menu{flex:.3;padding-top:.5rem}.search label{font-size:.8rem}.search input{padding:.2rem .5rem;font-size:.8rem}.new-posts-btn,.search-nav-links p{font-size:.8rem}.search-date{gap:.5rem;font-size:.8rem}.category-tags{gap:.2rem;font-size:.8rem}}.filter-summary{margin:1rem 0;font-size:1rem;color:#333}.filters-active{display:flex;flex-wrap:wrap;gap:.5rem}.filter-item{padding:.4rem 0rem;border-radius:20px;display:flex;align-items:center}.filter-item button{background:none;border:none;font-weight:700;color:#fffcfc;cursor:pointer}.filter-item svg{fill:#fff;margin-left:-.2rem;width:25px;height:25px}.clear-all-btn{background:none;border:none;color:#fffcfc;font-weight:700;cursor:pointer;text-align:left;transform:translate(-.1rem)}figcaption .selected-filters-container{position:absolute;top:5%;padding:.5rem;transform:translateY(.5rem);background:#00000074;border-radius:10px;display:flex;flex-direction:column}.items-center{display:flex;font-weight:400}.filter-item .items-center:first-letter{text-transform:capitalize}.selected-filters-container button{background-color:transparent;color:#fff;font-size:1.2rem;border:none}@media (max-width: 678px){.filter-summary{margin:0;font-size:.5rem}.filter-item{padding:0}.filter-item svg{margin-left:0;width:15px;height:15px}.selected-filters-container button{font-size:.8rem;border:none}.clear-all-btn{margin-top:.5rem;transform:translate(-.1rem)}}.about-container{display:grid;grid-template-rows:5rem 1fr;gap:1rem;padding:2rem 4rem;border:1px solid black;width:fit-content;margin:0 auto;border-top:none;background-color:var(--article-bg-color)}.about-container h1{text-align:center;border-bottom:2px solid var(--text-color);color:var(--text-color)}.profile-img img{width:100%;height:100%;object-fit:cover;max-width:16rem;border-radius:5px}.profile-content{display:flex;justify-content:center;gap:3rem;padding:1rem}.profile-content .description{display:flex;flex-direction:column;justify-content:space-around}.description .pt1{font-size:1.8rem}.description .pt2{text-align:center}.github-icon svg{width:3rem;height:3rem;margin:0 auto;transition:.1s ease-in-out}.github-icon svg:hover{transform:translateY(-.2rem);cursor:pointer}.github-icon{width:100%;background-color:#faebd7;padding:.5rem;border:.5px solid black}.credits-link{margin-top:2rem;font-weight:500;text-align:center;border-bottom:1px solid var(--text-color)}.credits-link:hover{cursor:pointer;color:#ffa600;border-color:#ffa600}.credits-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;border:1px solid var(--container-border);width:fit-content;margin:0 auto;padding:2rem;border-top:none;background-color:var( --article-bg-color);overflow:auto;max-height:85vh}.credits-container h1,.credits-container li{color:var(--text-color)}.credits-container a{color:var(--credits-links-color)}.credits-container h3 a{color:#000;background-color:#ffa600;border-radius:7px;padding:.3rem}.credits-container h3 a:hover{filter:brightness(110%)}.credits-back-btn-wrap{display:flex;align-items:center;float:right;margin-top:1rem}.credits-back-btn-wrap svg{fill:var(--text-color)}.credits-back-btn-wrap:hover{cursor:pointer}.credits-back-btn-wrap:hover svg{animation:back-animation .5s infinite ease-in-out}@keyframes back-animation{0%{transform:translate(0)}to{transform:translate(10%)}}@media (max-width: 678px){.about-container{display:grid;grid-template-rows:3rem 1fr;gap:.5rem;padding:1rem;width:100%}.profile-img img{max-width:25rem}.about-container h1{font-size:1.5rem}.profile-content{display:flex;justify-content:center;gap:1rem;padding:1rem}.profile-content .description{display:flex;flex-direction:column;gap:1rem}.description .pt1{font-size:1rem;margin-left:10px}.github-icon svg{width:30px;height:30px}.credits-container{gap:.5rem;padding:2rem}}@media (min-width: 320px){.about-container{overflow:auto!important}}@media (min-width: 1024px) and (max-height: 600px){.about-container{display:grid;grid-template-rows:4rem 1fr;gap:1rem;padding:2rem 4rem;border:1px solid black;width:fit-content;margin:0 auto;height:75vh!important}.about-container h1{font-size:2rem}.profile-img img{max-width:25rem;max-height:18rem}.profile-content .description{display:flex;flex-direction:column;justify-content:space-around}.description .pt1{font-size:1.5rem}}@media (min-width: 1290px){.about-container{padding:2rem 6rem;max-height:80vh}.profile-img img{max-width:40rem;max-height:40rem}.profile-content{gap:5rem}.description .pt1{font-size:2rem}}@media (max-width: 915px) and (orientation: landscape){.about-container{grid-template-rows:4rem 1fr;gap:1rem;padding:1rem 3rem;width:fit-content;margin:0 auto;border-top:none;height:80vh}.about-container h1{font-size:2rem}.profile-img img{width:100%;height:100%;max-width:10rem}.profile-content{gap:3rem;padding:0}.profile-content .description{display:flex;flex-direction:column;justify-content:space-around}.description .pt1{font-size:1.2rem}.description .pt2{text-align:center;font-size:1.2rem}.credits-container{gap:1rem;margin-top:1rem;border:1px solid var(--container-border);width:fit-content;margin:0 auto;padding:1rem;border-top:none;background-color:var(--photo-container-color);overflow:auto;height:80vh;font-size:1rem}.credits-container h1{font-size:1.5rem}}@media (max-width: 1280px) and (orientation: landscape){.about-container{grid-template-rows:4rem 1fr;gap:1rem;padding:1rem 3rem;width:fit-content;margin:0 auto;border-top:none;height:80vh}.about-container h1{font-size:2rem}.profile-img img{width:100%;height:100%;max-width:10rem}.profile-content{gap:3rem;padding:0}.profile-content .description{display:flex;flex-direction:column;justify-content:space-around}.description .pt1{font-size:1.2rem}.description .pt2{text-align:center;font-size:1.2rem}.credits-container{gap:1rem;margin-top:1rem;border:1px solid var(--container-border);width:fit-content;margin:0 auto;padding:1rem;border-top:none;background-color:var(--photo-container-color);overflow:auto;height:80vh;font-size:1rem}.credits-container h1{font-size:1.5rem}}@media (max-width: 740px) and (orientation: landscape){.about-container{grid-template-rows:2.5rem 1fr;height:80vh}.about-container h1{font-size:1.5rem}.profile-img img{width:100%;height:100%;max-width:10rem}.profile-content{gap:3rem;padding:0}.description .pt1,.description .pt2{font-size:1rem}.credits-container{gap:1rem;height:80vh;font-size:.8rem}.credits-container h1{font-size:1.5rem}}