@charset "UTF-8";
/* CSS Document */

body{
	font-family: 'Raleway', sans-serif;
	margin:100px 0px 0px 0px;
	text-align:center;
	color:#ADAEB1;
}
body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  flex-direction: column;
  margin: 0;
  background: #333;
}

.blob {
  border-radius: 50%;
  background-image: linear-gradient(to bottom right, #ff8000, #ffd500);
  -webkit-animation: blob 1.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
          animation: blob 1.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
  -webkit-transform: translate3d(-40px, 0, 0);
          transform: translate3d(-40px, 0, 0);
}

@-webkit-keyframes blob {
  50% {
    -webkit-transform: translate3d(40px, 0, 0);
            transform: translate3d(40px, 0, 0);
  }
}

@keyframes blob {
  50% {
    -webkit-transform: translate3d(40px, 0, 0);
            transform: translate3d(40px, 0, 0);
  }
}
.blob:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  width: 20px;
  height: 20px;
}

.blob:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  width: 19px;
  height: 19px;
}

.blob:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  width: 18px;
  height: 18px;
}

.blob:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  width: 17px;
  height: 17px;
}

.blob:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  width: 16px;
  height: 16px;
}

.blob:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  width: 15px;
  height: 15px;
}

.blob:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  width: 14px;
  height: 14px;
}

.blob:nth-child(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  width: 13px;
  height: 13px;
}

.blob:nth-child(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  width: 12px;
  height: 12px;
}

.blob:nth-child(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  width: 11px;
  height: 11px;
}

.blob:nth-child(11) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  width: 10px;
  height: 10px;
}

.blob:nth-child(12) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  width: 9px;
  height: 9px;
}

.blob:nth-child(13) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
  width: 8px;
  height: 8px;
}

.blob:nth-child(14) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  width: 7px;
  height: 7px;
}

.blob:nth-child(15) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  width: 6px;
  height: 6px;
}

.blob:nth-child(16) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  width: 5px;
  height: 5px;
}

.blob:nth-child(17) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
  width: 4px;
  height: 4px;
}

.blob:nth-child(18) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
  width: 3px;
  height: 3px;
}

.blob:nth-child(19) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
  width: 2px;
  height: 2px;
}

.blob:nth-child(20) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  width: 1px;
  height: 1px;
}
a{
	text-decoration:none;
	color:#fff;
		
}
ul{
	list-style:none;
	position:absolute;
	top:50%;
	left: 35%;
}
ul li{
	float:left;
	margin:0px 5px;
}

#clock{
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  top: calc(80% - 65px);
  width: 130px;
}
.unit{  
  
}