*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

background:#020608;
font-family:Courier New;
color:#4ef2a1;

display:flex;
justify-content:center;
align-items:center;

height:100vh;

}

.container{

width:550px;

background:#09151d;

border:1px solid #184232;

padding:40px;

border-radius:8px;

box-shadow:0 0 30px rgba(0,0,0,.8);

}

.logo{

text-align:center;

margin-bottom:40px;

}

.logo h1{

font-size:34px;

letter-spacing:5px;

margin-bottom:10px;

}

.logo p{

font-size:12px;

letter-spacing:3px;

color:#38b17c;

}

.loading-title{

text-align:center;

margin-bottom:20px;

font-size:14px;

letter-spacing:2px;

}

.progress{

height:24px;

background:#000;

border:1px solid #1f4739;

}

.progress-bar{

height:100%;

width:0%;

background:#4ef2a1;

transition:.05s;

}

#percent{

margin-top:15px;

text-align:right;

font-size:18px;

font-weight:bold;

}