html
{
    min-height: 100%;
    color: rgb(0, 255, 80);
    font-family: "Consolas","DotGothic16", sans-serif;
    font-size: 16px;
    cursor: url(../../cursor.png), auto;

    background-color: black;
    background-image: url(meet2.jpg);
    background-size:15em;
    background-attachment: fixed;

    text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
body{
    margin: auto;
    width: 51em;
    margin-top: 5%;
}
#border{
    padding: 3%;
    background-color: black;
    background-repeat:  repeat;
    background-attachment: fixed;

    border: solid 1px rgb(0, 255, 80);
}
#tab{
    background-color: rgb(0, 255, 80);
    border: solid 1px rgb(0, 255, 80);
    padding: 0.5em;
    border-top-right-radius: 20px;
}
#cursor {
    pointer-events: none;
    position: fixed;
    top: -8px;    
    left: -8px;   
    width: 35px;  
    height: 35px;  
    background-image: url(../../.gif);
    border-radius: 50%;
    transform: translate(0,0);
    transition: transform 1.0s; 
    transition-timing-function: ease-out;
    z-index: 999;
}
.main{
    padding: 2em;
    border: solid 1px rgb(0, 255, 80) ;
}
.flex{
    display: flex;
    align-items: flex-start;
}

.border{
    border: solid 1px rgb(0, 255, 80) ;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: black;
}

.name{
    border: solid 1px rgb(0, 255, 80) ;
    width: 200px;
    padding: 20px;
    font-size: 24px;
    text-align: center;
    background-color: black;
}

.gif{
    height: auto;
    width: 70px;
}

.imag{
    width: auto;
    height: 300px;
    margin: 10px;
}

.mainwtite{
    background-color: black;
    border:solid 1px rgb(0, 255, 80);
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 2em;
    padding-left: 2em;
}
.subwrite{
    border:solid 1px rgb(0, 255, 80);
    text-align: left;
    padding: 1em;
    background-color: black;
}

.box{
    padding-right: 2em;
    padding-left: 2em;
    border-right: solid 1px rgb(0, 255, 80);
    padding: 2em;
}

.mainwtite p{   
  background-image:
  linear-gradient(90deg, rgba(255, 246, 230, 0) 0%, rgba(255, 246, 230, 0) 50%, rgba(0, 0, 0, 0.950) 0%, rgba(0, 0, 0, 0.950) 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, rgb(0, 255, 80) 100%);
  background-size: 8px 100%,100% 2.5em;
  line-height: 2.5em;
  color: rgb(0, 255, 80);
}

table
{
    border: 1px solid rgb(0, 255, 80);
    background-color: black;
    border-collapse: collapse;
    margin-top: 1em;
    padding: 1em;
}

td{
    padding-top: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    border: none;
}

li{
    list-style: none;
}
ul{
    padding: 0;
}

#backpage{
    padding: 2%;
}

a{
    text-decoration: none;
    cursor: url(../../cursor.png), auto;
}
.emilia:link {
    color: lightgrey;
}
.emilia:visited {
color: lightgrey;
}
.emilia:active {
color: lightgrey;
}
.emilia:hover{
    position: relative;
    bottom:3px
}
.diva:link {
    color: rgb(0, 255, 255);
}
.diva:visited {
color: rgb(0, 255, 255);
}
.diva:active {
color: rgb(0, 255, 255);
}
.diva:hover{
    position: relative;
    bottom:3px
}
.miho:link {
    color: rgb(0, 255, 80);
}
.miho:visited {
color: rgb(0, 255, 80);
}
.miho:active {
color: rgb(0, 255, 80);
}
.miho:hover{
    position: relative;
    bottom:3px
}
.nul{
    background-color: rgb(0, 255, 80);
}

#execute{
    position: relative;
    left: 20px;

    width: 70px;
    border: solid 1px orange;
    color: orange;
    padding: 5%;
    margin: 3%;
    text-align: center;

    transition: .0.5s;
    &:hover{
        background-color: red;
        color: black;
        transform: scale(0.95);
    }
}
#panic{
    margin: 5%;
}

.button{
    border:solid 1px rgb(0, 255, 80);
    background-color: black;
    padding: 1%;
    margin: 2%;
    text-align: center;
    transition: .0.5s;
    &:hover{
        background-color: rgb(0, 255, 80);
        color: black;
        transform: scale(1.05);
    }
}

#ego{
    background-image:url(ego/gift.png),url(ego/1.png);
    background-repeat: no-repeat, no-repeat;
    height: 256px;
    width: 256px;
}

#emp{
    padding: 5px;
    margin: 15px;
    border: solid 1px rgb(0, 255, 80);
    width: 200px;
}

#voice{
    border: solid 1px rgb(0, 255, 80);
    padding: 1em;
    width: 200px;
    height: 100px;

    overflow-y: scroll;
    
    &::-webkit-scrollbar {
        width: 10px;
        background-color: rgb(0, 255, 80);
    }
    &::-webkit-scrollbar-thumb {
        background-color: black;
        border: 3px groove black;
        background-size: cover;
    }

    position: relative;
    z-index: 20;
}