body{
  background-image:url("../imagenes/background.png");
}

@font-face{
  font-family: Fredoka;
  src: url(../fuentes/Fredoka.ttf);
}

h1, h2, h3, h5, h6, p, a, ul{
  font-family:Fredoka;
}

h1{
  color:#fff;
  font-size:50px;
}

h6{
  color:#fff;
}

h2{
  color:#9276AB;
}

a{
  color:#69AB5E;
}

.container{
  margin-left:auto;
  margin-right:auto;
  width:1000px;
  position:relative;
  border:20px solid transparent;
  border-image:url("../imagenes/whitelace.png") 17 round;
  background-clip: padding-box;
  background-image:url("../imagenes/fondo.png");
}

.header{
  background-image:url("../imagenes/header.png");
  height:120px;
  position:relative;
  margin-top:-35px;
  line-height:-15px;
}

.separator{
  background-image:linear-gradient(#7c6194, #694c86);
  border-color:#27003D;
  text-align:center;
  position:relative;
  height:30px;
  margin-top:-25px;
}


.main{
  background:#fff;
  width:480px;
  height:400px;
  overflow-y:scroll;
  position:relative;
  margin-top:-1px;
  border:10px solid transparent;
  border-image:url("../imagenes/whitelace.png") 17 round;
  background-clip: padding-box;
}

.do{
  background:#fff;
  width:480px;
  height:400px;
  position:relative;
  margin-left:500px;
  margin-top:-419px;
  border:10px solid transparent;
  border-image:url("../imagenes/whitelace.png") 17 round;
  background-clip: padding-box;
}

.links{
  background:#fff;
  width:480px;
  height:300px;
  position:relative;
  border:10px solid transparent;
  border-image:url("../imagenes/whitelace.png") 17 round;
  background-clip:padding-box;
}

.like{
  background:#fff;
  width:480px;
  height:300px;
  position:relative;
  margin-left:500px;
  margin-top:-319px;
  border:10px solid transparent;
  border-image:url("../imagenes/whitelace.png") 17 round;
  background-clip:padding-box;
}

.languages{
  background:#fff;
  width:480px;
  height:105px;
  position:relative;
  border:10px solid transparent;
  border-image:url("../imagenes/whitelace.png") 17 round;
  background-clip:padding-box;
  
}

.rules{
  background:#fff;
  width:480px;
  height:200px;
  position:relative;
  border:10px solid transparent;
  border-image:url("../imagenes/whitelace.png") 17 round;
  background-clip:padding-box;
}

.chat{
  width:480px;
  height:455px;
  position:relative;
  margin-left:500px;
  margin-top:-345px;
  border:10px solid transparent;
  border-image:url("../imagenes/whitelace.png") 17 round;
  background-clip:padding-box;
}
.websites{
  background:#fff;
  width:480px;
  height:105px;
  position:relative;
  margin-top:-125px;
  border:10px solid transparent;
  border-image:url("../imagenes/whitelace.png") 17 round;
  background-clip:padding-box;
}

.footer{
  background-image:linear-gradient(#7c6194, #694c86);
  border-color:#27003D;
  text-align:center;
  position:relative;
  height:30px;
  margin-top:-25px;
}

::-webkit-scrollbar {
      width: 16px;
    }

    ::-webkit-scrollbar:horizontal {
      height: 17px;
    }

    ::-webkit-scrollbar-corner {
      background: #eee;
    }

    ::-webkit-scrollbar-track:vertical {
      background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
    }

    ::-webkit-scrollbar-track:horizontal {
      background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
    }

    ::-webkit-scrollbar-thumb {
      border: 1.5px solid #888;
      border-radius: 3px;
      box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
      background-color: #eee;
    }

    ::-webkit-scrollbar-thumb:vertical {
      background: url("https://i.imgur.com/bfyvjnx.png") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
    }

    ::-webkit-scrollbar-thumb:horizontal {
      background: url("https://i.imgur.com/tqe4SxM.png") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
    }

    ::-webkit-scrollbar-button:horizontal:end:increment,
    ::-webkit-scrollbar-button:horizontal:start:decrement,
    ::-webkit-scrollbar-button:vertical:end:increment,
    ::-webkit-scrollbar-button:vertical:start:decrement {
      display: block;
    }