@font-face{
  font-family: "Commodore 64";
  src: url("../Commodore-64.TTF");
}

.Main{
    width: 1440px;     
    margin: 0 auto;    
}

.C1{
  position: relative;
  top: 10%;
  left: 25%;
  height: 50%;
  width: 40%;
  background: rgba(55, 44, 95, 0.521);
  border: 2px solid rgb(56, 56, 56);

  display: flex;
  text-align: center;
  flex-direction: column;
}
  .Title{
    font-size: 2.6rem;
    position: relative;
  }
.C2{
  position: relative;
  top: 15px;
  left: 20%;
  height: 78.0rem;
  width: 50%;
  background: rgba(55, 44, 95, 0.521);
  border: 2px solid rgb(56, 56, 56);

  display: flex;
  text-align: center;
  flex-direction: column;
}
  .LainHappy{
    position: relative;
    left: 32%;
    width: 16.6rem;
    height: auto;
    max-width: 16.6rem;
  }
  .Sep{
    position: relative;
    width: 60%;
    height: 4%;
    left: 10rem;
  }
.Mabel{
      margin-top: 15px;
      margin-bottom: 15px;
      left: 6.5rem;
      width: 12.0rem;
      height: auto;
      position: relative;
      display: flex;
      flex-direction: column;
}


.C3{
  position: fixed;
  margin-top: -82.2rem;
  left: 2%;
  height: 51.8rem;
  width: 10%;
  background: rgba(55, 44, 95, 0.521);
  border: 2px solid rgb(56, 56, 56);

  display: block;
  text-align: center;
  flex-direction: column;
}
  .BlogLain{
    font-size: 1.2rem;
  }
  .BlogLain:hover{
    color: rgb(102,0,102);
    font-size: 1.5rem;
  }
  .LainDepre{
    margin-top: 15px;
    margin-bottom: 15px;
    left: 1.5rem;
    max-width: 8.0rem;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .WhoLain{
    font-size: 1.2rem;
  }
  .WhoLain:hover{
    color: rgb(102,0,102);
    font-size: 1.5rem;
  }
  .MabelDance{
    margin-top: 15px;
    margin-bottom: 15px;
    left: 1.5rem;
    max-width: 8.0rem;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .InicioLain{
    font-size: 1.2rem;
  }
  .InicioLain:hover{
    color: rgb(102,0,102);
    font-size: 1.5rem;
  }
  .LainBurger{
    margin-top: 15px;
    margin-bottom: 15px;
    left: 1.5rem;
    max-width: 8.0rem;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
  }
.Entry1{
position: relative;
top: 1.0rem;
left: 1.0rem;
height: 75.6rem;
width: 96%;
background: rgba(42, 33, 71, 0.521);
border: 2px solid rgb(146, 146, 146);

display: block;
text-align: center;
flex-direction: column;
}
.LeafWriting{
    width: 12.0rem;
    height: auto;
    margin-left: 32rem;
    margin-top: -6rem;
}
.KoishiNerv{
    width: 18.0rem;
    height: auto;
    margin-left: 2rem;

}
body {
  background-image: url(../Vox.png);
  background-color: white;
  color: rgb(214, 214, 214);
  font-family: "Commodore 64";
}