* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

body{
   min-height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
   background-image: linear-gradient(
      to top right,
      #27546a, #57585a
   );
   color: #72d2cb;
   font-size: 20px;
}

.group{
   width: 300px;
}

.group label{
   display: block;
   padding: 20px 0;
}

.group input{
   border: none;
   outline: none;
   padding: 20px;
   width: 100%;
   border-radius: 10px;
   background-color: #2e424d;
   color: #72d2cb;
   font-size: 20px;
}

.group .power-container{
   background-color: #2e424d;
   width: 100%;
   height: 15px;
   border-radius: 5px;
}

.group #power-point{
   background-color: #d73f40;
   width: 1%;
   height: 100%;
   border-radius: 5px;
   transition: 0.5s;
}