@use "sass:color";

.index-main-text > p,
.confirm-main-text{
	text-align: left;
	text-indent: 1em;
	margin:0.5em;
	color:rgb(0, 0, 0);
}

.index-main-text a, 
.confirm-main-text a {
  cursor: pointer;
  text-decoration: none;
	color: blueviolet;
	transition: 0.3s;
	&:hover{
    color: color.adjust(blueviolet, $lightness: -25%);
    //DEPRECATED
		//color:darken($color: blueviolet, $amount: 50%)
	}	
}

.index-main-text-last {
  color: blueviolet;
  padding-block: 1.5em;
  font-weight: bold;
  & a {
  cursor: pointer;
  text-decoration: none;
	color: blueviolet;
	transition: 0.3s;
    &:hover{
      color: color.adjust(blueviolet, $lightness: -25%);
      text-decoration: underline;
    }
  }
}