body{
 /*   background-color: rgb(8, 44, 16); */
 background-color: rgb(56, 219, 61); 
 background-color: rgb(163, 30, 74); 
 background-color: rgb(5, 25, 75) ;

    padding:0px;
    color:aliceblue;
    display: block;
    justify-content: space-between;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}  

header {
    display: flex;
    height:100px;
    margin-bottom: 20px;
    padding: 0px;
    background-color: rgb(2, 15, 4);
    color:aliceblue;
    text-align: center;
    justify-content: center;
    justify-items: center;
}
.header div{

    position:relative;
    left: 0;
}
    
main {
  
    /*display: flex; /* Ustawia flexbox */
    justify-content: space-around; /* Rozstawia sekcje maksymalnie na lewo i prawo */
}
#top{
    justify-content:space-between;
    margin-bottom: 20px;
    }

#fileControl {
    display: inline !important;
    float: right !important;
    }
#canvas {
    display: flex;
    margin-inline: 50px;;
    background-color: rgb(160, 206, 192); 
    background-color: rgb(237, 165, 236); 
    background-color: rgb(56, 219, 61); 
    background-color: rgb(205, 56, 219); 


    justify-content: space-around;
    }
#pickingArea{    
    background-color: rgb(237, 165, 236); 
    height:100%;
    
    overflow:auto;
    justify-content: center;
    justify-items: center;

    margin-left: 0px !important;
    padding-left: 0px;

}

#dragArea {

    width:1000px;
    height:600px;
    display: flex;
    }
#info{
text-align: center;

}
  #bottom{
    display:flex;
    position: relative;
    top: -200px;
    left: 0;
    justify-content:left;
  }  
#mainControl {
    background-color: rgb(42, 201, 71);
    position: fixed;
    top:25px;
    margin-left:25px;
    width:300px;
    justify-content: space-evenly;
    border-radius: 20px;

    }
    #mainControl nav ul {
    list-style-type:none;
    
    }
    #mainControl nav ul li {
    display: inline;
    height:20px;
    margin-left: 15px   ;
    align-items: center;

    }
    #mainControl button {
    width: 100px; 
    }
    #mainControl img{
        
        position:relative;
        

    }
    #mainControl input {
        position:relative;
    width: 100px;
    padding: 0px;
/*    top: -10px;             
    margin-bottom: 10px; */

    }

footer {
        max-height:50px;
        position: absolute;
        bottom: -100px;
        left: 0;
        width: 100%;
    
    }