* {
    box-sizing: border-box;
}

.quantico-regular {
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.quantico-bold {
  font-family: "Quantico", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.quantico-regular-italic {
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.quantico-bold-italic {
  font-family: "Quantico", sans-serif;
  font-weight: 700;
  font-style: italic;
}


.silkscreen-regular {
  font-family: "Silkscreen", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.silkscreen-bold {
  font-family: "Silkscreen", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.nova-square-regular {
  font-family: "Nova Square", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.play-regular {
  font-family: "Play", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.play-bold {
  font-family: "Play", sans-serif;
  font-weight: 700;
  font-style: normal;
}




body {
    background-image:  url(vocaloid_38.jpg);
    background-repeat: repeat;
    background-color: black;
    background-size: contain;
    font-size:;
    color: #dbd4d4;
  font-family: "Play", sans-serif;
  font-weight: smaller;
  font-style: normal;
   
    border-color: cadetblue;
}

.main {
   
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 400px;
    margin-right: auto;
    padding: 15px;
    border: 7px ridge;
     border-color: #285c74;
     
    background-color: #031119;
  
    width: 1000px;
    height: auto;
    
   
}

.header {
    
   text-align: center;
    border: 7px groove;
    font-size: 1.3em;
    background-image: url(headergif3.webp);
    color: #3bb8c3;
    width: 1000px;
    height: auto;
    margin-left: 400px;
    margin-right: auto;
    border-color:#285c74;
    
    
}

#headertitle {
font-family: "Silkscreen", sans-serif;
font-weight: 800;

}
#headerimg1 {
    float: left;
}
#headerimg2 {
    float:right;
}
#profilepic {
    width: 210px;
    height: auto;
    border: 7px ridge;
    border-color: #285c74;
    margin-right: 15px;
    margin-top: 25px;
    float: left;

}
 h2 {
   color: #1c6586;
   font-family: "Silkscreen", sans-serif;
  font-weight: 400;
}
.likes img{
    float: left;
    width: auto;
    height: 100px;
    margin-right: 20px;
    border:none;
     
}
.icon {
    float:none !important;
    width: auto;
    height: auto !important;
    margin-right: 0px !important;
    max-height: 50px !important;
    padding: 0px !important;
    
}
.icondetails
{
    margin-top: -15px;
  
}
.stamp {
    padding-top: 3px;
    margin-bottom: -15px;
}
#loveputer {
    position: relative;
    top: 10px;
}
#eyerotate {
    margin-bottom: -10px;
    margin-top: -15px;
}
#mikuicon {
    float:right;
    height: 50px;
    margin-right: 45px;
    margin-top: -12px
}
#sidebox {
    position: absolute;
    
    width: 300px;
    border: 5px groove;
    border-color: #285c74;
    background-image: linear-gradient(black, slategrey );
    background-color: black;
    padding: 10px;
    text-align: center;
    cursor: move;
}

#sidebox2 {
    position: absolute;
    
    width: 300px;
    border: 5px groove;
    border-color: #285c74;
    background-image: linear-gradient(black, slategrey);
    background-color: #dbd4d4;
    padding: 10px;
    text-align: center;
    cursor: move;
    
}
#sidebox h2 {
    color: slategrey;
}
#sidebox2 h2  {
    color:slategrey;
}
#sidebox2 h3 {
    color:slategray;
    font-family: "Silkscreen", sans-serif;
  font-weight: 400;
}
#miku {
    border:none;
    height: 150px;
}

hr {
    border: 1px solid;
    border-color: #29383e;

}
#cattall
{
    margin-bottom: -10px
}

#blindbox { /*this is the vampire pic*/
    margin-top: 10px;
    border:none;
    height: 78px;
    
}
#eyeborder1 {
    float: none;
    border: none;
    height: auto;
    width: auto;
    overflow:hidden;
    padding: none;
    margin-top: 10px;
    margin-right: -5px;
    padding-left: 60px;
    
}

#eyeborder2 {
      float: none;
    border: none;
    height: auto;
    width: auto;
    overflow:hidden;
    padding: none;
    margin-right: -5px;
}
#catimg1 {
    padding-top: 10px;
    height: 100px;
    margin-top: 5px;
        margin-right: 30px;
    }

#cat3
{
    height: 140px;
    margin-left: -10px;
}
#centercat
{
    text-align: center;
}
#centertxt2 {
    text-align: center;
}
#pc
{
    margin-top: 25px;
}
#centrbitch {
    text-align: center;
}
#tarot {
   
    margin-top: 20px;
}

#poke {
    display: flex;
      justify-content: center;
      align-items: center;
   padding: 10px;
       margin-top: -10px;
}
#catonemillion {
    float: right !important;
    margin-right: 50px !important;
    margin-top: -19px
}

h3 {
    color:black;
    font-weight:
}

a {
    color:#51c1d6;
text-decoration: none;
}
a:hover {
    color:#1d4f58;
    text-decoration:line-through;
}

#White {
    color:#dbd4d4;
}
#White:hover {
    color: #51c1d6;
}