/* BODY */
body {
    margin: 0;
    background: var(--bg);
    font-family: 'Mercenary-Regular', system-ui, 'Glacial Indifference', 'Arial';
    overflow-x: hidden;
}

/* ROOT COLORS */
:root {
    --bg: #f4f5f4;
    --main: #1f1c2e;
    --secondary: #4a4a4a;
    --card: #fff;
    --button: #1f1c24;
}

.page-layout {
    display: flex;
    max-width: 1400px;
    margin: 20px auto 0;
    gap: 20px;
}


.content {
    flex: 1;
    padding: 20px;
    margin-top: -18px;
    margin-right:-2000px;
    font-size: 18px;
    color: var(--main);
}

.likeBtn {
    cursor: pointer;
    transition: color 0.2s ease;
    user-select: none;
}

.likeBtn.liked {
    color: #e03131;
    font-variation-settings: 'FILL' 1;
}

@keyframes likePop {
    0%   { transform: scale(1);   }
    40%  { transform: scale(1.35);}
    70%  { transform: scale(0.9); }
    100% { transform: scale(1);   }
}

.likeBtn.like-pop {
    animation: likePop 0.35s ease forwards;
}