/* PROPOSTA C — Scuola/giocosa: grande logo eroe su carta, quaderno a quadretti, tab colorate */
body{background:#fffdf6 linear-gradient(#e5eef7 1px,transparent 1px) 0 0/22px 22px,#fffdf6;background-image:linear-gradient(#e3edf7 1px,transparent 1px),linear-gradient(90deg,#e3edf7 1px,transparent 1px);background-size:22px 22px}
.blob{display:none}
.app-header{padding:18px 18px 4px;text-align:center}
.app-header .logo{width:min(210px,56vw);margin:0 auto;background:#fff;padding:18px 22px 12px;border-radius:30px;box-shadow:0 6px 0 #16a3e0,0 14px 26px rgba(6,96,177,.18);transform:rotate(-2deg)}
.app-header::after{content:"Ciao! Ecco cosa succede a scuola 👋";display:block;margin:18px auto 0;font:800 1.05rem Nunito,sans-serif;color:#9d079a}
.card{border-radius:26px;border:3px solid #2b2430;box-shadow:5px 5px 0 #2b2430}
.wrap .card:nth-child(4n+1) .date-box{background:#fbc60a;color:#2b2430}
.wrap .card:nth-child(4n+2) .date-box{background:#16a3e0;color:#fff}
.wrap .card:nth-child(4n+3) .date-box{background:#5cab27;color:#fff}
.wrap .card:nth-child(4n+4) .date-box{background:#9d079a;color:#fff}
.date-box{border:3px solid #2b2430}.date-box .d,.date-box .t{color:inherit}
.event-title{color:#0660b1}
.btn-pill,.btn-primary{background:#f73e0f;border:3px solid #2b2430;box-shadow:3px 3px 0 #2b2430}
.nav{border:3px solid #2b2430;box-shadow:5px 5px 0 #2b2430}
.nav button{color:#2b2430!important}
.nav button .nav-ico{font-size:1.25rem;width:36px;height:36px;border-radius:12px;display:grid;place-items:center}
.nav button:nth-child(1) .nav-ico{background:#fbc60a}.nav button:nth-child(2) .nav-ico{background:#16a3e0}
.nav button:nth-child(3) .nav-ico{background:#fa8009}.nav button:nth-child(4) .nav-ico{background:#9d079a}
.nav button.active{background:#ffe8d6!important;color:#2b2430!important}