/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/games/gam-9/gam848.ani), url(https://cur.cursors-4u.net/games/gam-9/gam848.png), auto !important;} /* End https://www.cursors-4u.com */

body {
  background: url("https://www.teahub.io/photos/full/2-23842_dark-purple-aesthetic-background.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: white;
  font-family: sans-serif;
  width:80%;
  margin-left:auto;
  margin-right:auto;
  }

h1{
  color: #E8CFFF;
  font-family: 'Wasabi-Bold', sans-serif;
  }

p{
  color: #211522;
   font-family: courier;
  }

a {
   color: #E8CFFF;
   font-family: courier;
   }

link a {
  color: #C197D2;
  text-decoration: none;
  }

links {
  border: 0px solid green;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 5px;
  }

  .wrapper {
    max-width: 950px;
    min-height: 100px;
    background: #EAC1CE;
    margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 10px;
    border-left: 0px solid #B34270;
    border-right: 0px solid #B34270;
    padding-bottom: 10px;
	padding: 10px;
	border-radius: 2px;
	border: solid #22189B 1px;
	opacity: 100%;
	overflow: auto;
	}
	
	.box2 {
  background: #FCCFFF;
  border-radius: 5px;
  border: 1px solid #E95670;
  box-shadow: 4px 4px #613659;
  }


.box-title-bar {
background: #846373;
color: white;
font-weight: bold;
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
}

.box-title-bar {
  padding: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
#contenedor{
background:#e0a2eb;
border-radius:1em;
padding:1em 0;
margin:1em auto;
width::95%;
vertical-align:top;
}
#contenedor article{
background:FF00FF;
border:-radius:1em;
display:inline-block;
min-height:200px;
margin:0 2%;
padding:0.5em;
text-shadow:2px 2px 5px rgb(0,0,0,0.5);
trasition:all 1s linear;
-webkit-transition:all 1s linear;
width:25%;
vertical-align:top;
}
#contenedor article:hover{
background:#674ec7;
transform:rotate(360 deg) scale(1.1)translate(1em,0);
-webkit-transform:rotate(360 deg) scale(1.1)translate(1em,0);
cursor:pointer;
}


.box {
    max-width: 800px;
    display: flex;
	overflow: auto;
    flex-direction: column;
    margin: 0 auto;
    margin-bottom: 41px;
    padding: 1%;
    border: dotted #432F70 1px;
    align-content: space-around;
    flex-wrap: wrap;
    align-items: center;
    background-color: #624d8f;
}

  .text{
    font-weight: 790;
    font-family: 'Bunny Hopper', sans-serif;
    font-size: 80px;
    line-height: 60px;
    letter-spacing: 3px;
    text-align: center;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 400%;
    animation: move 15s ease infinite;
    background-image: linear-gradient( 68.7deg, rgba(64, 26, 65) 13.2%, rgba(97, 54, 89) 29.8%, 
	rgba(179, 66, 112) 48.9%, rgb(218, 115, 199) 68.2% ,rgba(218, 115, 163) 48.9%,rgba(113, 55, 112) 29.8%,rgba(193, 151, 210) 13.2%);
}

      @keyframes move {
            0%,100%{
                background-position: 200% 0%;
            }

            50%{
                background-position: 0% 200%;
            }
        }
 
	.button {
    background-color: #FCCFFF;
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-family: courier;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 8px;
}

.button1 {
    background-color: #B34270; 
    color: #FCCFFF; 
}

.button1:hover {
    background-color: #DA73C7;
    color: white;
}