body{
background:url(img/redrealms.jpg);
opacity:0;
    transition: opacity 2s;
    -webkit-transition: opacity 2s; /* Safari */
}
.header{
    position: absolute;
    margin-top: 10px;
    margin-left: 430px;
    background:url(img/theredlogo.png);
    width: 499px;
    height: 117px;
}
.redk{
    position: absolute;
    margin-top: 140px;
    margin-left: 520px;
}

.candle1{
    position: absolute;
    margin-top: 430px;
    margin-left: 10px;
}
.candle2{
    position: absolute;
    margin-left: 1130px;
    margin-top: 430px;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: #7C0A02; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #b80f0a; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #7E191B; 
}

.bottomtext{
    font-family: 'Josefin Sans', sans-serif;
    color: #fff;
    font-size: 20px;
    width: 500px;
    height: 100px;
    margin-top: 430px;
    margin-left: 500px;
}
.texto{
    position: absolute;
    margin-left: 320px;
    margin-top: 580px;
    width: 700px;
    height: 700px;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    color: #fff;
    background:url(img/black.png);
}