/* Απαγορεύεται η προσβασή εδώ εκτός από την Υπολογιστανθρωποική */
*{
padding:0;
margin:0;
}

.background{
    background:linear-gradient(65deg,#00ffff56,#ffcccc43,#ff00ff45,#ff000042,#ffff0043,#ffcccc23);
    position:fixed;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    z-index:1;
}
.window{
position:fixed;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:500px;
height:250px;
border-radius:23px;
z-index:2;
max-width:100%;
max-height:100%;
overflow:hidden;
background:#ff00ff43;
}
.window .window_1{
position:relative;
max-width:100%;
max-height:100%;
width:100%;
height:100%;
}

.window .window_1 .text{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:auto;
height:auto;
max-height:100%;
max-width:100%;
border-radius:none;
overflow:hidden;
}
.window .window_1 .title{
color:#ffffff;
font-size:18px;
font-weight:900;
}
.window .window_1 .ptext{
color:#ffffff;
font-size:12px;
font-weight:200;
}
.ypologistanthropoikisecurity{
    position:fixed;
    width:100%;
    height:100%;
    background:#ff000046;
    z-index:3;
    display:block;
}
.ypologistanthropoikisecurity .ypologistanthropoikisecurity_1{
    position:relative;
    max-width:100%;
    max-height:100%;
    width:100%;
    height:100%;
}
.ypologistanthropoikisecurity .ypologistanthropoikisecurity_1 .ypologistanthropoikisecurity_1a{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:none;
    width:500px;
    height:250px;
    border-radius:23px;
    overflow:hidden;
}
.ypologistanthropoikisecurity .ypologistanthropoikisecurity_1 .ypologistanthropoikisecurity_1a .text{
    position:relative;
    max-width:100%;
    max-height:100%;
    width:100%;
    height:100%;
}
.ypologistanthropoikisecurity .ypologistanthropoikisecurity_1 .ypologistanthropoikisecurity_1a .text .text_1{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
.ypologistanthropoikisecurity .ypologistanthropoikisecurity_1 .ypologistanthropoikisecurity_1a .text .text_1 .stitle{
    color:#ffffff;
    font-size:16.5px;
    font-weight:900;
}
.ypologistanthropoikisecurity .ypologistanthropoikisecurity_1 .ypologistanthropoikisecurity_1a .text .text_1 .stext{
    color:#ffffff;
    font-size:12px;
    font-weight:200;
}
@media(max-width:502px){
    .window{
        width:80%;
    }
    
@media(max-height:502px){
    .window{
        height:60%;
    }
    .window .window_1 .title{
        font-size:100%;
    }
    .window .window_1 .ptext{
        font-size:100%;
    }
}
@media(max-width:500px){
    .ypologistanthropoikisecurity .ypologistanthropoikisecurity_1 .ypologistanthropoikisecurity_1a{
        width:80%;
    }
    .ypologistanthropoikisecurity .ypologistanthropoikisecurity_1 .ypologistanthropoikisecurity_1a .text .text_1 .stitle{
        font-size:100%;
    }
    .ypologistanthropoikisecurity .ypologistanthropoikisecurity_1 .ypologistanthropoikisecurity_1a .text .text_1 .stext{
        font-size:80%;
    }
}
@media(max-height:250px){
    .ypologistanthropoikisecurity .ypologistanthropoikisecurity_1 .ypologistanthropoikisecurity_1a{
        height:80%;
    }
    .ypologistanthropoikisecurity .ypologistanthropoikisecurity_1 .ypologistanthropoikisecurity_1a .text .text_1 .stitle{
        font-size:100%;
    }
    .ypologistanthropoikisecurity .ypologistanthropoikisecurity_1 .ypologistanthropoikisecurity_1a .text .text_1 .stext{
        font-size:80%;
    }
}
@media(max-height:79px){
    .text{
        overflow:scroll;
    }
    
}