.container_login,.foot_main_layout_login,.head_main_layout_login,.main_layout_login{
    display:flex;
    position:relative;
}
#text_info_login,.box-login h1,.box_login,.container_login,.foot_main_layout_login,.head_main_layout_login,.main_layout_login,.textbox{
    position:relative;
}
.btn-login,.normalday .textbox,.normalday .textbox input{
    color:#fff;
}
.main_layout_login{
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow:hidden;
}
.head_main_layout_login{
    width:100%;
    height:90%;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.box_login_head_main_layout_login,.info_head_main_layout_login{
    position:relative;
    width:100%;
    height:20%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.box_login_head_main_layout_login{
    height:80%;
}
#text_info_login{
    width:320px;
    height:20px;
    font-size:2vw;
}
.normalday #text_info_login{
    color:#000;
}
.foot_main_layout_login{
    width:100%;
    height:10%;
    justify-content:flex-end;
    align-items:center;
    padding-right:20px;
    font-family:Mazda;
    font-size:1vw;
}
.container_login{
    width:400px;
    min-height:400px;
    justify-content:center;
    align-items:center;
}
.box-login h1{
    font-size:3vw;
    border-bottom:3px solid green;
    margin-bottom:10px;
    padding:5px 0;
    color:#fff;
}
.textbox{
    border-bottom:2px solid #adadad;
    margin:30px 0;
}
.textbox input{
    width:100%;
    padding:0 5px 0 30px;
    height:30px;
    font-size:1.2vw;
    border:none;
    background:0 0;
    outline:0;
}
.textbox label:first-of-type,.textbox label:nth-of-type(2){
    position:absolute;
    top:20%;
    left:5px;
    height:100%;
    width:100%;
    transform:translateY(-20%);
    pointer-events:none;
}
.textbox label:nth-of-type(2){
    left:40px;
}
.textbox span::before{
    content:'';
    position:absolute;
    top:30px;
    left:0;
    width:100%;
    height:2px;
    background:#2691d9;
}
.change label:nth-of-type(2){
    top:-15px;
}
.normalday .change label:nth-of-type(2){
    color:#2691d9;
}
.btn-login{
    width:100%;
    background:green;
    padding:5px;
    cursor:pointer;
    font-size:1.5vw;
    margin:-10px 0;
    border-radius:10px;
}
.box_login .squere{
    position:absolute;
    backdrop-filter:blur(5px);
    box-shadow:0 25px 45px rgba(0,0,0,.1);
    border:1px solid rgba(255,255,255,.5);
    border-right:1px solid rgba(255,255,255,.2);
    border-bottom:1px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.1);
    border-radius:10px;
    animation:7s linear infinite animatelog;
    animation-delay:calc(-3s*var(--i));
}
@keyframes animatelog{
    0%,100%{transform:translateY(-40px)}
    50%{transform:translateY(40px)}
}
.box_login .squere:first-child{
    width:50px;
    height:50px;
    right:15%;top:20%;
}
.box_login .squere:nth-child(2){
    width:80px;
    height:80px;
    left:-1%;
    top:50%;
}
.box_login .squere:nth-child(3){
    width:70px;
    height:70px;
    right:20%;
    bottom:10%;
    backdrop-filter:blur(0);
    background:rgba(255,0,0,.6);
}
.box_login .squere:nth-child(4){
    width:40px;
    height:40px;
    left:35%;
    bottom:10%;
}
.box_login .squere:nth-child(5){
    width:60px;
    height:60px;
    left:30%;
    top:0;
    backdrop-filter:blur(0);
    background:rgba(0,255,0,.6);
}
.normalday::before{
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    background:url(../../../image/login.jpg);
    background-size:100% 100%;
    background-attachment:fixed;
    filter:blur(5px);
}
#icon_2{
    position: absolute;
    width: 10%;
    height: 10%;
    left:0;
}