#rin
{
  animation-name: rin;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  
}

@keyframes rin
{
  0% {
    left:4px;
  }
  50% {
    left:0;
  }
  
  100% {
    left:-4px;
  }
}


#rinn
{
  animation-name: rinz;
  animation-duration: 4s;
animation-iteration-count: infinite;
}

@keyframes rinz
{
  0% {
    left:2px;
    }
  50% {
    left:0;
  }
  100% {
    left:-2px;
  }
}






header {
  background-color: #6952a7;
  border-bottom: #392471;
  border-radius: 10px;
  border-width: 5px;
  margin: -10px;
}


nav { background-color:#6952a7;
    border-bottom:#392471;
    border-width: 5px;
    margin: -10px;    
}

body {
  background-color:#080711;
  color: white;
  font-family: Verdana;
  text-align: Center;
}

aside {
  margin-left: -860px;
}

h1 {
  color:white;
  }

h2 {color: white; 
}

p {
  color:white;
}

hr {
  color:#392471;
  }
  
  footer {
    background-color:#6952a7;
    border-top:#392471;
    border-width: 5px;
    margin: -10px;    
  }
  
.icon {
  width:70px;}

.iconborder {
  border-color: #392471;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
}

.image {
  width: 300px;
  border-color: #392471;
  border-width: 5px;
  border-style: solid;
  border-radius: 20%;
}

#sec1 {
  background-color: #8754af;
}