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

/* BODY */

body{

font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
background:#0e0e0e;
color:#cfcfcf;

background-image:
linear-gradient(rgba(255,255,0,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,0,0.04) 1px, transparent 1px);

background-size:32px 32px;

line-height:1.7;

padding:60px 24px;

}

/* CONTAINER */

.container{
max-width:760px;
margin:auto;
}

/* HEADER */

.header{
margin-bottom:40px;
}

.logo{

width:48px;
height:48px;

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

background:#f6f600;
color:#000;

font-weight:700;
font-size:22px;

border-radius:10px;

margin-bottom:14px;

}

h1{

font-size:34px;
color:#f6f600;

margin-bottom:6px;

}

.updated{
color:#777;
font-size:13px;
}

/* SECTIONS */

section{
margin-bottom:34px;
}

h2{

color:#ffffff;
font-size:20px;

margin-bottom:10px;
margin-top:30px;

}

h3{

color:#f6f600;
font-size:16px;

margin-top:16px;
margin-bottom:6px;

}

p{
font-size:14px;
color:#bdbdbd;
margin-bottom:12px;
}

/* LISTS */

ul{
padding-left:18px;
margin-bottom:12px;
}

li{
margin-bottom:6px;
}

/* CODE */

code{

background:#1b1b1b;
padding:4px 8px;
border-radius:6px;

color:#f6f600;
}

/* PERMISSION BOX */

.permission{

background:#141414;

border:1px solid #262626;

padding:16px;
border-radius:10px;

margin-top:10px;

}

/* LINKS */

a{
color:#f6f600;
text-decoration:none;
}

a:hover{
opacity:0.8;
}

/* FOOTER */

footer{

margin-top:60px;
padding-top:20px;

border-top:1px solid #222;

color:#777;
font-size:13px;

}