* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: radial-gradient(#e66465,#c8ff00, #f700ff, #ffe600,#e66465,#c8ff00, #f700ff, #ffe600,#e66465,#c8ff00, #f700ff, #ffe600,#e66465,#c8ff00, #f700ff, #ffe600);
  background-size: 200% 200%;

  -webkit-animation: Animation 5s ease infinite;
  -moz-animation: Animation 5s ease infinite;
  animation: Animation 5s ease infinite;
}

@-webkit-keyframes Animation {
  0%{background-position:100% 100%}
  50%{background-position:150% 150%}
  100%{background-position:200% 200%}
}
@-moz-keyframes Animation {
  0%{background-position:100% 100%}
  50%{background-position:150% 150%}
  100%{background-position:200% 200%}
}
@keyframes Animation { 
  0%{background-position:100% 100%}
  50%{background-position:150% 150%}
  100%{background-position:200% 200%}
}


#dot1 {
  display: absolute;
  top: 0;
  height: 200px;
  width: 200px;
  background-color: aliceblue;
  background-size: 200% 200%;
  filter: blur(50px);
  -webkit-filter: blur(50px);

  -webkit-animation: Animation 5s ease infinite;
  -moz-animation: Animation 5s ease infinite;
  animation: Animation 5s ease infinite;
}

#dot2 {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  display: absolute;
  filter: blur(50px);
  -webkit-filter: blur(50px);
  background: linear-gradient(0.25turn,#e66465,#c8ff00, #f700ff, #ffe600,#e66465,#c8ff00, #f700ff, #ffe600,#e66465,#c8ff00, #f700ff, #ffe600,#e66465,#c8ff00, #f700ff, #ffe600);
  background-size: 200% 200%;

  -webkit-animation: Animation 5s ease infinite;
  -moz-animation: Animation 5s ease infinite;
  animation: Animation 5s ease infinite;
}

@-webkit-keyframes Animation {
  0%{background-position:10% 0%}
  50%{background-position:91% 100%}
  100%{background-position:10% 0%}
}
@-moz-keyframes Animation {
  0%{background-position:10% 0%}
  50%{background-position:91% 100%}
  100%{background-position:10% 0%}
}
@keyframes Animation { 
  0%{background-position:10% 0%}
  50%{background-position:91% 100%}
  100%{background-position:10% 0%}
}


h1 {
  text-align: center;
  margin: 20px;
  font-size: 3.3rem;
}

.cont {
  width: 700px;
  max-width: 100%;
  margin: 20px auto;
  text-align: center;
}

input[type="number"] {
  padding: 10px 20px;
  width: 40%;
  margin: 10px;
}

input[type="submit"] {
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
}

.content {
  line-height: 1.5;
  background-color: aliceblue;
  padding: 20px;
  margin-top: 40px;
}

p {
  margin: 20px;
  text-align: justify;
}

footer {
  text-align: center;
}