body{
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    overflow: hidden;
}

.title {
    color: #f9f3f4;
    position: absolute;
    text-align: center;
    top: 5%;
    width: 100%;
    line-height: 0.2em;
    animation: rgb 15s linear infinite alternate;
}

.btext-right{
    color: #f9f3f4;
    position: absolute;
    text-align: center;
    top: 40%;
    right: 0;
    width: 50%;
    line-height: 0.4em;
}

.btext-left{
    color: #f9f3f4;
    position: absolute;
    text-align: center;
    top: 40%;
    left: 0;
    width: 50%;
    line-height: 0.4em;
}

h1{
    font-size: 50px;
    text-shadow: 2px 2px 8px #000000;
}

p {
    animation: rgb 15s linear infinite alternate;
}

.btn{
    color: #fff;
    text-decoration: none;
    border: #ccc 1px solid;
    padding: 10px 15px;
    border-radius: 8px;
    line-height: 4em;
}

.btn:hover{
    color: #b19295;
    border: #fff 1px solid;
}

.textcopy{
  font-size: 10px;
  font-weight: bold;
  padding: 16px 32px;
  position: absolute;
  left: 4%;
  top:95%;
  color: white;
  transform: translate(-50%,-50%);
  font-family: 'Raleway', sans-serif;
}

@keyframes rgb {
0%{color: rgb(250,50,50);}
12.5%{color: rgb(250,250,50);}
25%{color: rgb(50,250,50);}
37.5%{color: rgb(50,250,250);}
50%{color: rgb(50,50,250);}
62.5%{color: rgb(50, 250, 250);}
75%{color: rgb(50,250,50);;}
87.5%{color: rgb(250,250,50);}
100%{color: rgb(250,50,50);}
}

#particles-js{
    background-image: url('https://i.pinimg.com/originals/ff/c3/8d/ffc38d9bce22d7a9eaa07b890e3af1a2.jpg');
}