/* beautyofnature.page | created by lamthaison.me */

html{font-size:16px}body{margin:0;font-family:'Merriweather',serif;background-color:#202124}:root{--app-height:100vh}.page-container{display:flex;justify-content:center;min-height:var(--app-height);padding:0 16px}.page__background{position:fixed;inset:0;width:100vw;height:var(--app-height);background:#202124 url(https://beautyofnature.page/background.webp) no-repeat center left;background-size:cover;z-index:-1}.page__content{width:100%;max-width:520px;padding-top:45px;padding-bottom:23px;text-align:center}.profile-card__avatar{display:block;width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto}.profile-card__title{margin:16px 0 0;font-size:1.9rem;font-weight:700;font-style:italic;color:#f2f2f2}.profile-card__bio{margin:14px 0 0;padding:0 4%;font-size:.9rem;font-style:italic;line-height:1.55;color:#f2f2f2;font-weight:400}.link-section{margin-top:24px}.link-item{position:relative;margin:16px 0;border-radius:30px;transition:transform 0.15s cubic-bezier(.17,.67,.29,2.71)}.link-item:hover{transform:scale(1.015)}.link-item__background{position:absolute;inset:0;z-index:0;border-radius:30px;background-color:#fff;background-image:url(https://beautyofnature.page/threads.svg);background-repeat:no-repeat;background-size:auto 56%;background-position:calc(100% - 14px) center;box-shadow:rgb(0 0 0 / .08) .2rem .2rem .4rem 0}.link-item__anchor{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:50px;padding:10px;border-radius:30px;text-decoration:none;color:#333;font-size:1rem;box-sizing:border-box}.link-item__title{padding-right:20px}.link-item__subtitle{opacity:.6}.content-block{margin-top:25px;padding:15px 20px;border-radius:8px;background-color:#fff;color:#333;font-style:normal;text-align:left;font-size:1rem;line-height:1.55}.content-block p{margin:1em 0}.footer{margin-top:23px;font-size:.9rem;line-height:1.5;color:#f2f2f2;font-style:italic}.footer a{color:inherit;text-decoration:underline}.fade-in{opacity:0;animation:fadeIn 0.5s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.profile-card__avatar.fade-in,.profile-card__title.fade-in,.profile-card__bio.fade-in,.link-item.fade-in,.content-block.fade-in,.footer.fade-in{animation-delay:0.2s}@media (max-width:768px){.page__content{padding-top:30px}.content-block{padding:14px 16px}.content-block{margin-top:17px}}