:root{--color-blue: rgb(104, 132, 236);--color-green: #4ade80;--color-red: rgb(237, 125, 103);--color-yellow: rgb(224, 210, 12);--color-gray: #a0aec0;--widget-bg: rgb(35, 40, 45);--color-header: #a0a0a0}body{background-color:#121212;color:#e0e0e0;font-family:Helvetica,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.blue{color:var(--color-blue)}.green{color:var(--color-green)}.red{color:var(--color-red)}.yellow{color:var(--color-yellow)}.gray{color:var(--color-gray)}.widget-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.widget-container .header{flex:1 100%}.widget-container .widget,.widget-container .small-widget{flex:0 0 350px;background-color:var(--widget-bg);width:350px;height:350px;border-radius:8px;box-shadow:0 10px 30px #00000080;padding:20px}.widget-container .widget .header,.widget-container .small-widget .header{color:var(--color-header);font-size:1.5em;font-weight:700}.widget-container .small-widget{flex:0 0 145px;height:145px}