Yuna ice cream

Layout CSS

/*======================================================
                ICE CREAM - YUNA (ITZY)
======================================================*/

body{
background-image:url("https://friendrewind.com/uploads/gallery/2339/img_6a5903ab869179.25735472.webp");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:rgb(181,229,255);
color:rgb(70,70,90);
font-family:"Trebuchet MS",sans-serif;
}

/* --------------------- */
/* CONTENEUR PRINCIPAL */
/* --------------------- */

.blog-entry{
background:rgba(255,255,255,0.82);
backdrop-filter:blur(10px);
padding:25px;
border-radius:25px;
border:3px solid rgb(255,194,214);
box-shadow:0px 0px 20px rgba(255,182,193,0.45);
}

/* --------------------- */
/* TITRE */
/* --------------------- */

.blog-entry .title{
font-size:38px;
text-align:center;
font-family:Georgia,serif;
font-weight:bold;
letter-spacing:3px;
color:rgb(255,122,173);
text-shadow:
2px 2px rgb(255,236,170),
0px 0px 8px rgb(255,205,230);
margin-bottom:20px;
}

/* --------------------- */
/* CONTENU */
/* --------------------- */

.blog-entry .content{
background:rgba(255,250,248,0.88);
padding:25px;
border-radius:20px;
border:2px solid rgb(255,214,224);
color:rgb(82,82,108);
line-height:1.8;
}

/* --------------------- */
/* PARAGRAPHES */
/* --------------------- */

p{
color:rgb(86,86,105);
font-size:15px;
}

/* --------------------- */
/* LIENS */
/* --------------------- */

a{
color:rgb(255,111,166);
font-weight:bold;
text-decoration:none;
transition:0.4s;
}

a:hover{
color:rgb(132,206,255);
text-shadow:0px 0px 5px rgb(255,255,255);
}

/* --------------------- */
/* TITRES */
/* --------------------- */

h1{
color:rgb(255,120,170);
}

h2{
color:rgb(255,177,95);
}

h3{
color:rgb(120,208,255);
}

h4{
color:rgb(143,226,180);
}

/* --------------------- */
/* BOUTONS */
/* --------------------- */

button{
background:rgb(255,173,201);
color:rgb(255,255,255);
border:none;
padding:10px 20px;
border-radius:20px;
font-weight:bold;
transition:0.4s;
}

button:hover{
background:rgb(255,220,145);
color:rgb(255,255,255);
}

/* --------------------- */
/* CHAMPS TEXTE */
/* --------------------- */

input,textarea{
background:rgb(255,252,250);
border:2px solid rgb(255,203,219);
border-radius:15px;
padding:10px;
color:rgb(80,80,100);
}

input:focus,
textarea:focus{
border-color:rgb(135,210,255);
outline:none;
box-shadow:0px 0px 10px rgb(180,225,255);
}

/* --------------------- */
/* BARRE DE DÉFILEMENT */
/* --------------------- */

::-webkit-scrollbar{
width:12px;
}

::-webkit-scrollbar-track{
background:rgb(255,242,246);
}

::-webkit-scrollbar-thumb{
background:rgb(255,170,198);
border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
background:rgb(255,144,182);
}

/* --------------------- */
/* SÉLECTION DU TEXTE */
/* --------------------- */

::selection{
background:rgb(255,192,218);
color:rgb(255,255,255);
}

/* --------------------- */
/* TABLEAUX */
/* --------------------- */

table{
background:rgb(255,250,245);
border:2px solid rgb(255,213,225);
border-radius:15px;
}

td{
padding:8px;
}

/* --------------------- */
/* LISTES */
/* --------------------- */

ul{
color:rgb(120,120,150);
}

li::marker{
color:rgb(255,152,190);
}

/* --------------------- */
/* CITATIONS */
/* --------------------- */

blockquote{
background:rgb(255,245,248);
border-left:5px solid rgb(255,167,197);
padding:15px;
border-radius:10px;
color:rgb(95,95,115);
}

/* --------------------- */
/* HOVER DES BLOCS */
/* --------------------- */

.blog-entry:hover{
box-shadow:
0px 0px 30px rgba(255,183,197,0.55),
0px 0px 50px rgba(173,226,255,0.35);
transition:0.5s;
}