:root {
  --progressBar: #54d1db;
  
}

/*body {
  background: var(--bodyBg);
  
}*/

.spanLikesList:hover {
  text-decoration: underline;
  cursor: pointer;
}

.mySpinner {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #16d47b;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 0.8s linear infinite;
  margin: auto;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.refreshIcon {
  text-align: center;
}

.ui.styled.accordion .content {
  margin: 0;
  padding: 0.5em 1em 0.75em !important;
}

.about {
  background-color: white ;
}

body {
  background-color:white;
  /*background-color: #636B74; */
}

p {
  color: #23305B;
}
li {
  color: #23305B;
}
#listitem {
  background-color: #CACCCE;
}
#howitworks {
  height: 400px;
  border-radius: 25px;
  text-align: center;
}

Form.Input {
  background-color: red;
}

Form.Input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}

#featurecard {
  border-radius: 25%;
}

#loggedouthome {
  width: 150%;
  
}

Card {
  color: yellow;
}