/*Access here is prohibited,except for Ypologistanthropoiki */
:root{
    --theme-b:linear-gradient(#ffffffb3,#ffffffb3);
    --theme-c:#121212;
    --b:#ffffff;
    --b-p:linear-gradient(#ffffff,#ffffff);
    --theme-bc:#ffffff;
    --theme-s:#cc0000;
}
*{
    margin:0;
    padding:0;
}
body{
    background-image:var(--theme-b),linear-gradient(43deg,#ff00ff42,#ee82ee32,#ff00ff43);
    background-color:var(--theme-bc);
    height:100vh;
    color:var(--theme-c);
}
body,a{
    color:var(--theme-c);
}
.menu{
    width:250px;
    height:98.7%;
    position:fixed;
    left:10px;
    background-image:var(--b-p);
    z-index:2;
    transform:translateY(-50%);
    top:50%;
    border-radius:23px;
    border:2px solid var(--theme-c);
    justify-content:center;
    display:none;
    align-items:center;
    z-index:9;
    overflow:hidden;
}
.menu .menua{
    list-style:none;
    width:87.9%;
    overflow:scroll;
}
.menu .menua li{
    margin-bottom:10%;
    width:100%;
}
.menu .menua li a{
    justify-content:center;
    border-radius:50px;
    align-items:center;
    text-decoration:none;
    height:6vh;
    text-align:center;
    width:100%;
    display:inline-flex;
    color:var(--theme-c);
    font-size:
}
.menu .menua li a:hover,.menu .menua li a:focus{
    border:2px solid var(--theme-c);
    outline:none;
    font-weight:900;
}
.menu .menua li button{
    border:none;
    border-radius:50px;
    color:var(--theme-c);
    background:none;
    font-weight:900;
    width:100%;
    height:6vh;
}
.menu .menua li button:hover,.menu .menua li button:focus{
    border:2px solid var(--theme-c);
}
.ypologistanthropoiki{
    position:fixed;
    z-index:1;
    width:100%;
    height:100%;
}
.ypologistanthropoiki .ypologistanthropoiki_f{
    display:flex;
    width:100%;
    height:100%;
}
.ypologistanthropoiki .ypologistanthropoiki_f .ypologistanthropoiki_a{
    width:50px;
    height:100%;
    overflow:hidden;
    justify-content:center;
    align-items:center;
    display:inline-flex;
}
.ypologistanthropoiki .ypologistanthropoiki_f .ypologistanthropoiki_a  .ypologistanthropoiki_a_1a{
    font-weight:200;
    font-size:4vmin;
    padding:10px;
    border-radius:50px;
    border:none;
    background:none;
    outline:none;
    color:var(--theme-c);
}
.ypologistanthropoiki .ypologistanthropoiki_f .ypologistanthropoiki_a .ypologistanthropoiki_a_1a:focus,.ypologistanthropoiki .ypologistanthropoiki_f .ypologistanthropoiki_a .ypologistanthropoiki_a_1a:hover{
    border-radius:50px;
    outline:none;
    border:2px solid var(--theme-c);
    background:var(--b);
    font-weight:900;
}
.ypologistanthropoiki .ypologistanthropoiki_f .ypologistanthropoiki_b{
    width:100%;
    height:100%;
    overflow-y:scroll;
}
.ypologistanthropoiki .ypologistanthropoiki_f .ypologistanthropoiki_b .menux{
    justify-content:center;
    display:inline-flex;
    align-items:center;
    width:100%;
    height:7vh;
    overflow:hidden;
}
.ypologistanthropoiki .ypologistanthropoiki_f .ypologistanthropoiki_b .menux .menuxa{
    width:90.2%;
    height:88%;
    background:var(--b);
    font-weight:900;
    font-size:3.4vmin;
    outline:none;
    border:none;
    color:var(--theme-c);
    border-radius:50px;
}
.ypologistanthropoiki .ypologistanthropoiki_f .ypologistanthropoiki_b .menux .menuxa:focus,.ypologistanthropoiki .ypologistanthropoiki_f .ypologistanthropoiki_b .menux .menuxa:hover{
    border:2px solid var(--theme-c);
    outline:none;
    
}
.ypologistanthropoiki .ypologistanthropoiki_f .ypologistanthropoiki_b:focus{
    border-radius:10px;
    outline:none;
    border:2px solid var(--theme-c);
    overflow:hidden;
}
@media(prefers-color-scheme:dark){
    :root{
        --theme-b:linear-gradient(#000000b3,#000000b3);
        --theme-c:#e0e0e0;
        --b:#000000;
        --b-p:linear-gradient(#000000,#000000);
        --theme-bc:#000000;
        --theme-s:#ff4d4d;
    }
}
@media(max-width:500px){
    .ypologistanthropoiki .ypologistanthropoiki_f .ypologistanthropoiki_a{
        display:none;
    }
    .menu{
        width:95.6%;    
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
    }
}