@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
body {
    background-image: linear-gradient(60deg, #E21143, #FFB03A); 
    font-family: "Fredoka One", Helvetica, Arial;
    font-size: 20px;
}


h1 {
	background: radial-gradient(circle, #80ffc1 0%, #292727 100%);
 
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
  font-size: 100px;
}
.gradients h1 {
    background: linear-gradient(30deg, #9ed8db 40%, #007b82 70%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  
  .myopacity {
    background: linear-gradient(30deg, #9ed8db 40%, #007b82 70%);
    font-size: 20px;
  }
  /* unvisited link */
a:link {
  color: #020808;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: rgb(37, 11, 99);
}

/* mouse over link */
a:hover {
  color: rgb(221, 221, 221);
}

/* selected link */
a:active {
  color: yellow;
}
.myfonsize {
  font-size: 30px;
}
.headersize {
  font-size: 14px;
}

.footer {
  background-image: linear-gradient(to right top, #cd75b2, #d863a3, #e14f8f, #e83678, #eb125d);
}