*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    /* BACKGROUND TOÀN TRANG */

    background-image:url("https://i.pinimg.com/originals/d8/9c/0d/d89c0d48aea4ca7e5967ab7436a7deac.jpg");
    background-repeat:repeat;
    background-size:auto;

    font-family:'Curlz MT';
    color:#777;
  
}

#container{
    width:1200px;
    margin:20px auto;
}

/* ===================
   HEADER
=================== */

#header{

    height:140px;

    background-image:url("images/snapedit_1781662037371.jpeg");
    background-size:cover;
    background-position:center;

    border:2px solid #e8dfe5;
    border-radius:20px;

    margin-bottom:20px;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* ===================
   TOP GRID
=================== */

#top-section{

    display:grid;

    grid-template-columns:
    220px
    1fr
    220px;

    gap:20px;

    margin-bottom:20px;
}

/* ===================
   SIDEBAR
=================== */

#sidebar .box{

    height:430px;

    background-image:url("https://i.pinimg.com/originals/fe/0b/1e/fe0b1e3659739fd2c4e725728d802668.png");
    background-size:cover;
    background-position:center;

    border-radius:20px;
    border:2px solid #e8dfe5;

    padding:20px;
    font-size:24px;

}

/* ===================
   MAIN
=================== */

#main .box{

    height:430px;

    background-image:url("images/welcome.png");
    background-size:cover;
    background-position:center;

    border-radius:20px;
    border:2px solid #e8dfe5;

    padding:20px;
    font-size:24px;
}

/* ===================
   CHAT
=================== */

#chat .box{

    height:430px;

    background-image:url("https://i.pinimg.com/736x/12/98/6f/12986f2a3ee8d9ef650aa43f0fb02226.jpg");
    background-size:cover;
    background-position:center;

    border-radius:20px;
    border:2px solid #e8dfe5;

    padding:20px;
    font-size:24px;
}

/* ===================
   BOTTOM GRID
=================== */

#bottom-section{

    display:grid;

    grid-template-columns:
    2fr
    1fr
    1fr;

    gap:20px;
    font-size:24px;
}


/* ===================
   ABOUT
=================== */

#about .box{

    height:320px;

    background-image:url("https://i.pinimg.com/1200x/55/46/71/554671e046c08258c4e7f6851d2fb5e6.jpg");
    background-size:cover;
    background-position:center;

    border-radius:20px;
    border:2px solid #e8dfe5;

    padding:20px;
    font-size:24px;
}

/* ===================
   FAVOURITES
=================== */

#favs .box{

    height:320px;

    background-image:url("https://i.pinimg.com/originals/b2/b2/73/b2b2731953c295291bff39376231863b.png");
    background-size:cover;
    background-position:center;

    border-radius:20px;
    border:2px solid #e8dfe5;
    padding:20px
    font-size:24px;
   text-decoration: none; 
        color:#c77aa5 !important;
  
}

/* ===================
   RIGHT COLUMN
=================== */

#right-column{

    display:flex;
    flex-direction:column;

    gap:20px;
    font-size:24px;
}

/* ===================
   UPDATES
=================== */

#updates .box{

    height:150px;

    background-image:url("https://i.pinimg.com/736x/89/9f/f4/899ff4786fddb75540a6f18a20caba06.jpg");
    background-size:cover;
    background-position:center;

    border-radius:20px;
    border:2px solid #e8dfe5;

    padding:20px;
    font-size:24px;
}

/* ===================
   LINK ME
=================== */

#linkme .box{

    height:150px;

    background-image:url("https://i.pinimg.com/736x/06/ae/9d/06ae9d34794e6811f2ca48b78066798f.jpg");
    background-size:cover;
    background-position:center;

    border-radius:20px;
    border:2px solid #e8dfe5;

    padding:20px;
    font-size:24px;
}

/* ===================
   TEXT
=================== */

h1,h2,h3{
    color:#7D5A5A;
    margin-bottom:30px;
       text-align:center;
}

ul{
    list-style:none;
}

li{
    margin-bottom:10px;
    text-decoration: none; 
     color:inherit;  
}

p{
    line-height:1.6;
}
h1{
    font-size:42px;
}
h2{
    font-size:30px;
       text-align:center;
        
}
h3{
    font-size:30px;
       text-align:center;
       
}
#chat .box,
#about .box,
#favs .box{
    font-weight:bold;
    color:#7D5A5A;
    text-align:center;
}
#discovery .gallery{
    height:300px;          /* chiều cao cái ô */
    overflow-y:auto;       /* cho phép scroll dọc */

    display:flex;
    flex-direction:column;
    gap:10px;

    padding:10px;
}

/* ảnh FIT trong box */
#discovery .gallery img{
    width:100%;            /* luôn vừa khung */
    height:120px;          /* cố định chiều cao */

    object-fit:cover;      /* không méo ảnh */

    border-radius:15px;
    border:2px solid #e8dfe5;
}

/* scrollbar đẹp hơn */
#discovery .gallery::-webkit-scrollbar{
    width:6px;
}

#discovery .gallery::-webkit-scrollbar-thumb{
    background:#e8cfe0;
    border-radius:10px;
}
.li{
    color:#c77aa5;
    text-decoration:none;
    font-family:"Curlz MT", cursive;
    font-size:28px;
}

.li:hover{
    color:#e89fc2;
}
a {
  text-decoration: none; 
}