html,body{
    margin:0;
    padding:0;
}

#hn-loader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    z-index:999999999;
    overflow:hidden;
}

.hn-left,
.hn-right{
    position:absolute;
    top:0;
    width:50%;
    height:100%;
    background:#000;
}

.hn-left{
    left:0;
}

.hn-right{
    right:0;
}

#hn-logo{

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:220px;

    z-index:20;

    opacity:0;

}

#hn-logo img{

    width:100%;

    display:block;

    filter:
    drop-shadow(0 0 15px rgba(255,180,50,.5))
    drop-shadow(0 0 35px rgba(255,180,50,.3));

}