/* CHANGE LINE 25 IN INDEX.HTML TO  <link rel="stylesheet" href="/styles/gradient.css" /> TO USE ME */

/* OPTIONS */
:root {
  --color: #50459b;
  --speed: 0.3s;
  --image: 
  --hover_color: white; 
/* Font */  
  --fontname: "Roboto"
  --fontfamily: sans-serif;
/* Root Vars */
  --font-size: 1em;
  --width: 100%;
  --font-color: #50459b;
}
h2 {text-align: center;}


body {
  background-image: var(--image);
  background-position: 50% top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: var(--fontname), var(--fontfamily);
  background-color: #887ecb;
  color: var(--color);
}
.h1 {
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  margin-bottom: 0;
  margin-bottom: -0.25em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
h1 {
  text-align: center;
}
p {
  text-align: center;
}
h3 {
  text-align: center;
}
a {
  text-align: center;
}

.link {
  border-radius: 40px;
  margin: auto;
  width: var(--width);
  border: 4px solid var(--color);
  padding-top: 8px;
  padding-bottom: 8px;margin: auto;
  margin-bottom: 10px;
  color: var(--color);
  transition: var(--speed);

}

.link:hover {
  background-color: var(--color);
  color: var(--hover_color);
}
a:hover {
  color: var(--2color)
}



a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a {
  font-weight: bold;
  text-align: center;
  font-size: var(--font_size);
  font-family: var(--fontname), var(--fontfamily);
  margin-bottom: 0;
  margin-bottom: -0.25em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  color: var(--color);

}

.prf-img {
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border: 4px solid var(--color);
}


img.list-img {
	width: var(--width);
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-radius: 40px;
	margin-bottom: 20px;
	border: 3px solid;padding: 0px;border: 4px solid;}