html {
  height: 100%;
}

body {
	background: linear-gradient(0deg, #ccae9f 0%, #28305d 40%, #050847 80%) no-repeat #383d95;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

#starry_sky {
  width: 100%;
  height: 100%;
  position: relative;
}

.star {
  background-color: white;
  position: relative;
  border-radius: 50%;
  animation-name: twinkle;
  animation-iteration-count: infinite;
}


@keyframes twinkle {
  50% {
    transform: scale(0.2);   
  }
}