QuestPanel
{
   

    .task{
        
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-size: 24px;
        flex-direction: column;

        .header{
           position: relative;
           color: rgb(255, 255, 255);
           text-shadow: 2px 2px 0px rgb(0, 0, 0);
           font-size: 28px;
           background-color: rgba(0, 0, 0, 0.5);
            width: 100%;
            justify-content: center;
            align-items: center;
                
            
        }

        .subtasks{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background-color: rgba(185, 185, 185, 0.185);
            color: rgb(255, 255, 255);
            text-shadow: 2px 2px 0px rgb(0, 0, 0);

            font-size: 24px;
            flex-direction: column;
            .subtaskstask {
                    padding: 0 5%;
                    gap: 5px;
                    color: rgb(231, 231, 231);
                    font-size: 22px;
                    
                    
                }
            
                .amount {
                    color: rgb(0, 255, 34);
                }
            
                .currentamount {
                    color: rgb(255, 0, 0);
                }
        }
        
    }
    
}