@import url('https://fonts.googleapis.com/css?family=Share+Tech');

body
{

  font-family: 'Share Tech', sans-serif;
	font-size:18pt;
  text-align: center;

  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;

}

main
{
	text-align: center;
	margin: 0 auto;
}
footer
{
	margin-top:6%;
}
/* CSS adapted from button generator http://css3buttongenerator.com/ */
.button
{
	background: #bfbfbf;
	background-image: -webkit-linear-gradient(top, #bfbfbf, #000000);
	background-image: -moz-linear-gradient(top, #bfbfbf, #000000);
	background-image: -ms-linear-gradient(top, #bfbfbf, #000000);
	background-image: -o-linear-gradient(top, #bfbfbf, #000000);
	background-image: linear-gradient(to bottom, #bfbfbf, #000000);
	-webkit-border-radius: 25;
	-moz-border-radius: 25;
	border-radius: 25px;
	color: #ffffff;
	font-size: 36px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	margin:1% 0 3% 0;
}

.button:hover 
{
	cursor:pointer;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #08090a, #797d80);
	background-image: -moz-linear-gradient(top, #08090a, #797d80);
	background-image: -ms-linear-gradient(top, #08090a, #797d80);
	background-image: -o-linear-gradient(top, #08090a, #797d80);
	background-image: linear-gradient(to bottom, #08090a, #797d80);
	text-decoration: none;
}

.bluelight {
  text-shadow: 0 0 10px #ffffff,
               0 0 20px #ffffff,
               0 0 30px #ffffff,
               0 0 40px #ffffff,
               0 0 70px #ffffff,
               0 0 80px #ffffff,
               0 0 100px #ffffff,
               0 0 150px #ffffff;
}

.clock {
    overflow: hidden;
}

.col-md-12 {
    overflow: hidden;
    padding-bottom: 20px;
}

.top-pane {
  margin-bottom: 0px;
  border-radius: 5px 5px 0px 0px;
  background-color: #ffffff;
  border: 0px;
}

.bottom-pane {
  margin-top: 0px;
  border-radius: 0px 0px 5px 5px;
  background-color: #ffffff;
  border: 0px;
}

@media (min-width: 768px) {
  .num {
    font-size: 100px;
  }
}

@media (max-width: 767px) {
  .num {
    font-size: 50px;
  }
}

@media (max-width: 480px) {
  .num {
    font-size: 30px;
  }
}

@media (min-width: 768px) {
  .text {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .text {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .text {
    font-size: 15px;
  }
}

@media (min-width: 768px) {
  body {
    padding-top: 3
      0px;
  }
}

h1 {
  padding-top: 10px;
}

@media (min-width: 768px) {
  h1 {
    margin-bottom: 75px;
    font-size: 40x;
  }
}



code{
    text-align: left;
    font-family: courier;
}