
#meie-script-regular {
  font-family: "Meie Script", cursive;
  font-weight: 400;
  font-style: normal;
  font-size:30px;
  color:white;
  background-color: rgba(158,213,239,0.7);
}

#bonbon-regular {
  font-family: "Bonbon", cursive;
  font-weight: 400;
  font-style: normal;
}

#bonbon-regular-alter {
  font-family: "Bonbon", cursive;
  font-weight: 400;
  font-style: normal;
  color:#8fd400;
}

#bonbon-regular-altered {
  font-family: "Bonbon", cursive;
  font-weight: 400;
  font-style: normal;
  font-size:50px;
  color:#8fd400;
}

#imperial-script-regular {
  font-family: "Imperial Script", cursive;
  font-weight: 400;
  font-style: normal;
}

#imperial-script-regular-altered {
    font-family: "Imperial Script", cursive;
  font-weight: 400;
  font-style: normal;
  font-size:150px;
  text-align:center;
  color:#9ED5EF;
  }

#artpage1{
  background-image:url('artpage1.png');
  background-repeat: no-repeat;
  background-size:cover;
}

.alter{
  width:200px;
}

.move-right{
  position:relative;
  width:500px;
  top:-1270px;
  left:740px;
  border:3px dotted #8fd400;
}


.angelic{
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:550px;
  border-radius:10px;
}

ul {
        list-style-type: none;
        margin: 0;
        padding: 20px;
        background-image: url('board.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border:4px solid pink;
        width: 200px;
}

ul li{
  background-color: rgba(255,255,255,0.3);
}

a:visited{
  color:#adff2f;
}

a:hover{
  color:#fffacd;
  text-decoration:underline;
}

a:link{
  color:pink;
}

.sour-gummy-altered {
  font-family: "Sour Gummy", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:30px;
  color:#8fd400;
}

#source-code {
  font-family: "Source Code Pro", monospace;
  font-weight: 400;
  font-style: normal;
  color:#adff2f;
}

#container {
  border: 4px dotted #ff69b4;
  width:800px;
  margin:0 auto;
  text-align:center;
background-color:#ffffe0;
padding: 20px;
}

#container-alter {
  border: 4px dashed #9ED5EF;
  width:800px;
  margin:0 auto;
  text-align:center;
background-color: #f9f9f9;
padding: 20px;
}

#sour-gummy {
  font-family: "Sour Gummy", sans-serif;
  font-weight: 400;
  font-style: normal;
  color:pink;
}

#homepage {
  background-image: url('homepageback.png');
  }
  
.move {
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.text-align {
  text-align:center;
}

.explore{
  position:relative;
  bottom:1300px;
  }




.contain {
width: 100%;
overflow: hidden;
background: #fcbacb;
}
.moving-text {
display: inline-block;
white-space: nowrap;
color: #fff;
font-size: 24px;
animation: moveText 8s linear infinite;
text-align:center;
}
@keyframes moveText {
from { transform: translateX(100%); }
to { transform: translateX(-100%); }
}

