/* Global ====================== */
body{
    font-family: Arial, Helvetica, sans-serif;
    background: #D7C2DF;
}


/*main =======================*/
.dixmax{
    width: 18.75em;
    margin: auto;
    line-height: 25px;
   
   background: #E2AEE1; 
   color: #4E3E3E;
   box-shadow: 0 0 1em black;
   padding: 5px;
}
/* imagens ============== */
#lulu1{
    width: 9.375em;
    float: right;
    
    
    display: inline-block;
    

}
#lulu2{
    float: left;
    width: 9.375em;
}
#rumble1{
    width: 12.5em;
}
#amigos1{
    width: 16.875em;
}
#amigos2{
    width: 16.8em;
}
#lulu3{
    width: 16.25em;
   
    margin: .625em;
}
#veigar{
    width: 16.875em;
    margin-left: 2.1875em;
}
#lulu4{
    margin: 0;
    
    width: 10em;
    float: left;
}
#oculos{
    width: 16.875em;
   
    margin-left: 1em;

}
#top{
    margin-left: 2em;
}
#pegador{
    width: 16.875em;

}
#drag{
    
    margin-left: 2em;
}
#fufa{
    width: 10em;
    padding: 0;
    margin-left: 1em;
    float: right;
}
.lanterna{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
}
.lanterna.active{
    opacity: 1;
    visibility: visible;
}
.box{
    line-height: 25px;
    background: #E2AEE1; 
}
#bruxa{
    float: left;
    width: 5em;
}
.box a{
    text-decoration: none;
    margin-left: 200px;
    background-color: #9258AD;
    padding: 3px;
    color: #120E0E;
    border-radius: 3px;
}
.box a:hover{
    background: #C78EC5;
    color: white;
}