#thick {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: 6.5vw;
}

#thin {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 3.5vw;
}

#thin-small {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 2.5vw;
}

#thin-big {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 2.5vw;  
}

p {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1.5vw;
  }

.container {
  margin-top: 5vw;
  margin-left: 5vw;
  margin-bottom: 5vw;
}

.top-buffer-small { 
  margin-top:4vw; 
}

.top-buffer-small { 
  margin-top:2vw; 
}

#time {
  width: 25%;
  border-radius: 7px;
}

input[type="text"]{ 
  padding: 10px 10px; 
  line-height: 28px; 
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 3.5vw;
}

.footer {
  position: fixed;
  left: 5vw;
  bottom: 3vw;
  width: 100%;
  text-align: left;
}