body {
  background: #f8dce5;
  font-family: "Comic Sans MS", sans-serif;

  font-family: 'Fredoka', sans-serif;
  
  box-shadow: 0 5px 0 #aaa;
}

.container {
  display: grid;
  grid-template-columns: 250px 1fr 250px;
  gap: 20px;
  padding: 20px;
}

/* Panels */
.sidebar, .main, .right {
  background: #fff;
  border-radius: 20px;
  padding: 15px;
  border: 3px solid #6c6c8c;
}

/* Profile */
.profile img {
  width: 80px;
  border-radius: 50%;
}

/* Progress bar */
.progress-bar {
  width: 100%;
  height: 20px;
  background: #eee;
  border-radius: 10px;
}

.progress {
  height: 100%;
  background: pink;
  border-radius: 10px;
}

/* Table */
table {
  width: 100%;
  border-collapse: collapse;
}

td, th {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}