/* paragaph */
p{

color: #490656;

padding: 2em;

}


    



/* heading*/
h1{
    color: #490656;
}

/*sub heading*/
h2{ 
    color: #490656;
    
    border: 0.1em solid #F7B8FF;
    
    padding: 1em;
    
    
}

a{
    color: #490656;
}


a:hover{
    
    background-color: #A3FFA9;
    
    color: #490656;
    
    text-decoration: underline;
    
}

/*links*/
.small{
font-size: 75%; 

}



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

nav {
  margin: 0;
  height: 3em;
  width: 100%;
  background-color: #490656;
}

nav a {
  float: left;
  display: block;
  color: #A3FFA9;
  text-align: center;
  padding: 1em;
  text-decoration: none;
  font-size: 1em;
}

nav a:hover {
  background-color: #A3FFA9;
  font-size: 1em;
}

/* BASIC DOCUMENT SETUP */


body{
    background-color: #E796F8;
    
    font-family: "Poiret One", sans-serif;
    
}

main {
  background-color: #E796F8;
  width: 90%;
  margin: auto;
  padding: 1em;
}
    
.progress {
  cursor: progress;
}

.help {
  cursor: help;
}

.not-allowed {
  cursor: not-allowed;
}

/* STARS  */
.star-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.star-rating input {
  display: none;
}
.star-rating label {
  font-size: 2rem;
  color: #ccc;
  cursor: pointer;
}
.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input:checked ~ label {
  color: #ffca08;
}
/* END STARS  */


/*  GRADIENTS  */


.yellowStripe {
  background-color: #ffd600;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 9px,
    #f4ff81 9px,
    #f4ff81 10px
  );
}