html {
  background: #0e2815;
}
body {
    margin-top: 40px;
    font-family: Quicksand;
}

.pfp {
    width: 150px;
}

.card {
    
    display: flex;
    justify-content: space-around;
    width: 400px;
    padding: 30px;
    text-align: center;
    margin: 0 auto;
    background: #0e2815;
    color: #b0d3c2;
    border-bottom: 7px solid #e0bb46;
    border-radius: 20px;

    animation-name: jjj;
    animation-duration: 7s;
    animation-iteration-count: infinite;
}

.text {
    margin-left: 20px;
}

@keyframes jjj {
    0%   {background-color: #0e2815;
    color: #b0d3c2;
    border-bottom: 7px solid #e0bb46;}
  17%  {background-color: #295740;
color: #6fcac4;
border-bottom: 7px solid #daa547;}
  34%  {background-color: #537D5D;
color: #bad9ce;
border-bottom: 7px solid #e0c48c;}
  51% {background-color: #B0D3C2;
color: #0e6973;
border-bottom: 7px solid #a96846;}
  68% {background-color: #537D5D;
color: #bad9ce;
border-bottom: 7px solid #e0c48c;}
  85% {background-color: #295740;
color: #6fcac4;
border-bottom: 7px solid #daa547;}
  100% {background-color: #0e2815;
    color: #b0d3c2;
    border-bottom: 7px solid #e0bb46;}
}

h1 {
  color: #b0d3c2;
  display: flex;
  justify-content: center;
  font-size: 100px;
  margin-top: 20px;
  margin-bottom: 30px;
}



.first {
  color: #e0bb46;
  
  display: flex;
  justify-content: space-around;
}
.facts {
  width: 400px;
  margin-right: 20px;
  text-align: justify;
  text-justify: inter-word;
}
.hello {
  width: 350px;
  margin-left: 15px;
  text-align: justify;
  text-justify: inter-word;
}
.second {
  color: #e0bb46;
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
}
.current {
  width: 400px;
  margin-left: -110px;
  text-align: justify;
  text-justify: inter-word;
}


/* <h1>Hi, my name is Ksenia</h1>
        <h2>Fun facts abt me:</h2>
            <ul>
                <li>I'm an artist (the only thing that I can't do is drawing. But I do writing, filmmaking, photography and music)</li>
                <li>I love Pedro Pascal and wanna work on at least one project with him</li>
                <li>I love skateboarding</li>
                <li>I also love reading (and pretending I'm smart. Just kidding)</li>
                <li>My favourite book is "The Aviator" by Eugene Vodolazkin (IT IS MUST REEEEEAAAAAD!)</li>
                <li>I guess I'm bisexual, but I'm still figuring it out</li>
            </ul>
        <a href="pedro.html">Pedro page</a><br>