@import url("variables.css");
@import url("animations.css");

html,
body{

margin:0;

padding:0;

width:100%;

height:100%;

overflow:hidden;

background:#000;

}
/* ==========================================
   PROJECT MIMI
   Screen Engine
========================================== */

[data-screen]{

display:none;

width:100%;

height:100vh;

}

[data-screen].active{

display:flex;

}

#boot{

position:fixed;

inset:0;

display:flex;

justify-content:center;

align-items:center;

background:#000;

color:#fff;

overflow:hidden;

}

.boot-container {
   
   width: min(90%, 420px);
   
   margin: 0 auto;
   
   display: flex;
   
   flex-direction: column;
   
   justify-content: center;
   
   align-items: center;
   
   text-align: center;
   
}

.boot-logo{

font-size:clamp(60px,18vw,110px);

font-weight:900;

line-height:.9;

margin:25px 0;

}

.boot-tag{

font-size:16px;

letter-spacing:5px;

opacity:.8;

}

.boot-subtitle{

font-size:22px;

opacity:.7;

margin-bottom:35px;

}