html, body {
  margin:0;padding:0;
  -webkit-overflow-scrolling: touch;
}
body {
    display:none;
}

::-webkit-scrollbar {
    display: none;
}

h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  display:inline-block;
  font-size: 30pt;
  color:#4A4D50;
  position: absolute;
  left:360px; top:-45px;
}

h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  display:inline-block;
  font-size: 48pt;
  position: absolute; left:285px; top:-10px;
  color:#262626;
}

h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  display:inline-block;
  font-size: 25pt;
  position: absolute; left:285px; top:100px;
  color:#4A4D50;
}

.container {
  width:870px;
  margin:66.096px auto;
}

.titleBar {
  height:239px;
  width:100%;
  line-height: 1500%;
  position:relative;
}

.profileBar {
  width:100%;
  height:228px;
  position:relative;
}

.activityPanel {
  width:100%;
  height:965px;
  position:relative;
  overflow:hidden;
}

.timelineBar {
  width:100%;
  height:132px;
  position:relative;
}

.timeline2 {
  color:#BFBFBF;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  display:inline-block;
  font-size: 30pt;
  margin:50px;
  transition:all 500ms;
}

.timeline1 {
  color:#262626;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  display:inline-block;
  font-size: 30pt;
  transition:all 500ms;
}

#selector {
  width:213px;
  height:4px;
  background:#262626;
  position:absolute;
  left:0px; top:108px;
}

.upcomingEvents {
  width:100%;
  position:absolute;top:200px;left:0;
  overflow:scroll;
  height:80%;
}

.pastEvents {
  width:100%;
  height:80%;
  position:absolute;
  overflow:scroll;
  position:absolute;top:200px;left:100%;
}

.events {
  width:90%;
  height:79.315px;
  margin-left: 50px;
  margin-bottom:100px;
}

.place {
  color:#262626;
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
  font-size: 30pt;
}

.startTime {
  color:#262626;
  font-family: 'Montserrat', sans-serif;
  font-weight:400;
  display:inline-block;
  font-size: 20pt;
  margin-top: 10px;
}

.dash {
  color:#262626;
  font-family: 'Montserrat', sans-serif;
  font-weight:400;
  display:inline-block;
  font-size: 20pt;
}

.endTime {
  color:#262626;
  font-family: 'Montserrat', sans-serif;
  font-weight:400;
  display:inline-block;
  font-size: 20pt;
}

#addBtn {
  background: #FAB578; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #F6D365 , #FDA085); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, #F6D365 , #FDA085); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, #F6D365 , #FDA085); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #F6D365 , #FDA085);
  width:100%;
  height:153px;
  border-radius: 20px;
  line-height: 153px;
  text-align: center;
  color:white;
  font-family: 'Montserrat', sans-serif;
  font-weight:400;
  display:inline-block;
  font-size: 28pt;
  letter-spacing: 3px;
  margin-top: 100px;
  transition:all 500ms;
  text-decoration: none;
}