.calendar {
  padding-left: 100px;
}

@media screen and (max-width: 768px) {
  .calendar {
    padding-left: 50px;
  }
}

iframe {
  overflow: hidden;
}

.gradient-top {
  width: 500px;
  height: 10px;
  margin-left: -30px;
  margin-bottom: 20px;
  background: linear-gradient(45deg, skyblue, pink);
}

.gradient-top-long {
  width: 650px;
  height: 10px;
  margin-left: -30px;
  margin-bottom: 20px;
  background: linear-gradient(45deg, skyblue, pink);
}

#leaderboard-spacing {
  height: 80px;
}

#leaderboard-box {
  width: 650px; 
  height: auto; 
  margin: auto;
}

.attendance-box {
  border-radius: 0px;
  padding-top: 0px !important;
  margin-bottom: 50px;
}

.SID-lookup {
  max-width: 500px;
  margin: auto;
}

.attendance-container {
  max-width: 700px;
  margin: auto;
  margin-top: 50px;
}

.gradient-underline {
  margin: auto;
  margin-top: -45px;
  margin-bottom: 20px;
}

.flex-container{
	width: 80%;
	margin: auto;
	display: flex; 
}
.flex-container .column{
	padding: 10px;
	flex: 1; 
}