/* Beauty of Nature (beautyofnature.page) | Created by Lâm Thái Sơn (lamthaison.me) */
/* Merriweather Font | SIL Open Font License: https://about.beautyofnature.page/fonts/merriweather-license.txt */

*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:Merriweather,serif;background-color:#101010;color:#f2f2f2}:root{--viewport-height:100vh;--color-dark-bg:#101010;--color-light-text:#f2f2f2;--color-white:#fff;--color-dark-text:#333;--max-content-width:32.5rem;--border-radius-large:1.875rem;--border-radius-small:0.5rem;--avatar-size:7.5rem;--spacing-xs:0.875rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2.8125rem}.container{display:flex;justify-content:center;min-height:var(--viewport-height);padding:0 var(--spacing-sm)}.background{position:fixed;inset:0;width:100vw;height:var(--viewport-height);background:var(--color-dark-bg) url(https://about.beautyofnature.page/background.webp) no-repeat center left;background-size:cover;z-index:-1}.content{width:100%;max-width:var(--max-content-width);padding-top:var(--spacing-lg);padding-bottom:1.4375rem;text-align:center}.profile-avatar{display:block;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;object-fit:cover;margin:0 auto}.profile-title{margin-top:var(--spacing-sm);font-size:1.9rem;font-weight:700;font-style:italic;color:var(--color-light-text)}.profile-bio{margin-top:var(--spacing-xs);padding:0 4%;font-size:.9rem;font-style:italic;line-height:1.55;color:var(--color-light-text);font-weight:400}@media (min-width:376px){.profile-bio{font-size:.9375rem}}.links{margin-top:var(--spacing-md)}.link-card{position:relative;margin:var(--spacing-sm) 0;border-radius:var(--border-radius-large);transition:transform 0.15s cubic-bezier(.17,.67,.29,2.71)}.link-card:hover{transform:scale(1.015)}.link-card-bg{position:absolute;inset:0;z-index:0;border-radius:var(--border-radius-large);background-color:var(--color-white);background-image:url(https://about.beautyofnature.page/threads.svg);background-repeat:no-repeat;background-size:auto 56%;background-position:calc(100% - 0.875rem) center;box-shadow:rgb(0 0 0 / .08) .2rem .2rem .4rem 0}.link-card-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:3.125rem;padding:.625rem;border-radius:var(--border-radius-large);text-decoration:none;color:var(--color-dark-text);font-size:1rem}.link-title{padding-right:1.25rem}.link-subtitle{opacity:.6}.text-content{margin-top:1.5625rem;padding:.9375rem 1.25rem;border-radius:var(--border-radius-small);background-color:var(--color-white);color:var(--color-dark-text);font-style:normal;text-align:left;font-size:1rem;line-height:1.55}.text-content p{margin:1em 0}.footer{margin-top:1.4375rem;font-size:.9375rem;line-height:1.5;color:var(--color-light-text);font-style:italic}.footer a{color:inherit;text-decoration:underline}.fade-in{opacity:0;animation:fadeIn 0.5s ease-out 0.2s forwards}@keyframes fadeIn{to{opacity:1}}@media (max-width:768px){.content{padding-top:1.875rem}.text-content{margin-top:1.0625rem;padding:.875rem 1rem}}