@font-face {
  font-family: 'Inter';
  src: URL('font.ttf') format('truetype');
}

span.user_select {
  position:absolute;
  bottom:0px;
  right:0px;
}

p {
  font-family: 'Inter';
  color: #370000;
  margin-top:0px;
}

p.time {
  margin-bottom:0px;
}

div {
  display: inline-block;
  width:283px;
  height:348px;
  border-radius:29px;
  position:relative;
  margin-right: 5px;
  margin-left: 5px;
  box-shadow: 10px 10px 0px 0px #686868;
}

div.specialdays {
  background-color: #020d1d;
}

div.now {
  background-color: #FFDEDE;
}

div.task1 {
  background-color: #72d04e;
}

div.task2 {
  background-color: #65c6be;
}

div.task3 {
  background-color: #d99f48;
}

div.task4 {
  background-color: #c579cf;
}

div.task5 {
  background-color: #b12424;
}

span.day {
  font-size:96px;
}

span.month {
  font-size: 48px;
}

span.specialdays {
  font-size: 48px;
  color: #e7e7e7;
}

p.date {
  position:relative;
  top: 19px;
  margin-bottom: 0px;
}

p.specialdaystitle {
  position:relative;
  top: 24px;
}

span.time {
  font-size:80px;
}

span.weather {
  font-size:80px;
}

span.name {
  font-size:40px;
}

span.users {
  font-size:30px;
}

form.user_select {
  margin-bottom:0px;
}