body{
     background-color: purple;
        padding: 20px; display: flex; 
        flex-direction: column; 
        align-items: center; 

    .app-bar {
        position: sticky;
        top: 0;
        background: #2c3e50;
        color: white;
        padding: 10px;
        display: flex;
        align-items: center;
        width: 95%;
        max-width: 1000px;
        gap: 10px;
        z-index: 10;
    }
    .app-bar button {
        background: none;
        color: white;
        border: none;
        font-size: 16px;
        cursor: pointer;
    }
    
    .app-container {
        display: flex;
        width: 95%;
        max-width: 1000px;
        align-items: center;
    }
    
    h1 { 
        margin: 0; 
        font-size: 24px; 
        color: #e74c3c; 
        text-transform: uppercase; 
    }
    h4 { 
        margin: 0 0 5px 0; 
        color: #333; 
        font-size: 12px; 
        font-weight: bold; 
        text-transform: uppercase; 
    }
    
    p { 
        margin: 5px 0; 
        font-size: 14px; 
        color: #444; 
        font-weight: bold; 
    }
		
}