body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
    margin:0;
    background:#fafafa;
    color:#333
}
header{
    background:#ff6b6b;
    color:#fff;
    padding:20px 0;
    text-align:center
}
nav{
    background:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,.05);
    position:sticky;
    top:0;
    z-index:100
}
nav ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    justify-content:center;
    flex-wrap:wrap
}
nav li{
    margin:0 15px
}
nav a{
    display:block;
    padding:15px 10px;
    text-decoration:none;
    color:#333;
    font-weight:500;
    transition:color .3s
}
nav a:hover{
    color:#ff6b6b
}
.container{
    max-width:1200px;
    margin:0 auto;
    padding:20px
}
.section{
    margin-bottom:60px
}
h2{
    color:#ff6b6b;
    border-bottom:2px solid #ff6b6b;
    padding-bottom:10px;
    margin-bottom:20px
}
.card{
    background:#fff;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
    padding:20px;
    margin-bottom:20px
}
.emoji{
    font-size:1.2em;
    margin-right:5px
}
footer{
    background:#333;
    color:#fff;
    text-align:center;
    padding:20px 0;
    margin-top:40px
}
.btn{
    display:inline-block;
    background:#ff6b6b;
    color:#fff;
    padding:10px 20px;
    border-radius:4px;
    text-decoration:none;
    margin:5px;
    transition:background .3s
}
.btn:hover{
    background:#ff5252
}