body {
  background: url('./images/sunny.png');
    background-size: 120vh;
    background-position: left;
margin-top: -5em;
      font-family: 'pixel'; 
    color: #464850;
    
}


#main {
min-width: 100vh;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    margin-top: -5em;

}


#about {
    width: 325px;
    margin: 10px;

}

#fave {
margin-left: 10px;
    height: 205px;
    overflow-y: scroll;
    width: 325px;
}

#image {
    width: 300px;
    margin: 10px;
    height: auto;
Max-height: 70px;
        overflow-y: scroll;
    display: flex;
    
}


#defoko {
    height: 600px;
    z-index: 0;
    width: auto;
float: left;
}


#equip {
    height: 105px;
        padding-top: 10px;
    overflow-y: scroll;
    width: 325px;
}

#button {
    height: 105px;
        padding-top: 10px;
    overflow-y: scroll;
    width: 325px;
}




::-webkit-scrollbar {
  display: none;
  width: 0;
}


table
{

      background-color: rgba(255, 254, 242, 0.8);
z-index: 1;
}
		td {
			border: 1px dotted #0090fd; 
            overflow: hidden;
}
            

            a {
                color: #005392;
                text-decoration: none;
            }
            






 
a:hover {
  color: fff;
  text-decoration: none;
}
 
 
a:active {
  color: #6eb7ef ;
    text-decoration: none;
}
            ::selection {
                
                background-color: #b3dfff;
            }
            



@font-face{
    font-family:'Legacy';
    src:url(https://files.catbox.moe/vb0fng.otf);
}

#vocaring{
    width:fit-content;
    height:fit-content;
    margin:0 auto;
}

.vocacontainer::selection {
    background:#4cd4de;
    color:white;
}

.vocacontainer::-moz-selection {
    background:#4cd4de;
    color:white;
}

.vocacontainer{
    width:210px;
    height:fit-content;
    padding:10px;
    background-color:#c9eff2;
    border:4px solid #4cd4de;
    box-sizing:border-box;
    
}

.vocacontainer table {
    margin:0;
}

.vocacontainer .webring-info {
    text-align:center;
    font-family:'Legacy';
    color:#e74492;
    font-size:27px;
    letter-spacing:3px;
    text-shadow:#ffffff 2px 0px 0px, #ffffff 1.75517px 0.958851px 0px, #ffffff 1.0806px 1.68294px 0px, #ffffff 0.141474px 1.99499px 0px, #ffffff -0.832294px 1.81859px 0px, #ffffff -1.60229px 1.19694px 0px, #ffffff -1.97999px 0.28224px 0px, #ffffff -1.87291px -0.701566px 0px, #ffffff -1.30729px -1.51361px 0px, #ffffff -0.421592px -1.95506px 0px, #ffffff 0.567324px -1.91785px 0px, #ffffff 1.41734px -1.41108px 0px, #ffffff 1.92034px -0.558831px 0px;
    line-height:100%;
    margin-bottom:5px;
}

.vocacontainer .webring-links{
    font-size:17px;
    font-family:'Arial';
    color:#e74492;
}

.vocacontainer .webring-links a{
    text-decoration: none;
    color:#e74492;
    text-shadow:#ffffff 2px 0px 0px, #ffffff 1.75517px 0.958851px 0px, #ffffff 1.0806px 1.68294px 0px, #ffffff 0.141474px 1.99499px 0px, #ffffff -0.832294px 1.81859px 0px, #ffffff -1.60229px 1.19694px 0px, #ffffff -1.97999px 0.28224px 0px, #ffffff -1.87291px -0.701566px 0px, #ffffff -1.30729px -1.51361px 0px, #ffffff -0.421592px -1.95506px 0px, #ffffff 0.567324px -1.91785px 0px, #ffffff 1.41734px -1.41108px 0px, #ffffff 1.92034px -0.558831px 0px;
    filter:drop-shadow( 0 2px var(--bc)) drop-shadow( 2px 0 var(--bc)) drop-shadow( 0 -2px var(--bc)) drop-shadow(-2px 0 var(--bc));
    transition:0.3s;
}

.vocacontainer .webring-links a:hover{
    letter-spacing:normal;
}

.vocacontainer img {
    display:inline !important;
}