.container {

    max-width: 600px;

    margin: 0 auto;

 

}

.tank {

    margin-bottom: 20px;

}

.input-container {

    margin-bottom: 20px;

}

.buttons {

    margin-bottom: 20px;

}

.message {

    margin-bottom: 20px;

}

.stock-report {

    margin-top: 20px;

}

.header {

    margin-bottom: 20px;
    color: #007bff;

}



* {

    box-sizing: border-box;

}



body {

    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

    background-color: #f0f0f0;

    margin: 0;

    padding: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100vh;

    height: auto;

}




.container {

    width: 90%;

    max-width: 1200px;

    background-color: #fff;

    padding: 20px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    border-radius: 8px;

    text-align: center;

}

.p{

    font-family:Arial, Helvetica, sans-serif;

}


h1 {

    margin-bottom: 20px;

}

.input-container {

    margin-bottom: 20px;

}

label {

    font-size: 18px;

    margin-right: 10px;

}



input[type="number"] {

    font-size: 18px;

    padding: 5px;

    width: 100px;

}



.tank-container {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    margin-bottom: 20px;

}



.tank {

    background-color: #e0e0e0;

    border: 2px solid #ccc;

    border-radius: 8px;

    padding: 20px;

    margin: 10px;

    width: 250px;

    text-align: center;

}



.tank h2 {

    margin-top: 0;

}



.tank .level {

    background-color: #87CEEB;

    height: 100px;

    margin-bottom: 10px;

}



.tank label, .tank input {

    display: block;

    margin: 5px 0;

}



.buttons {

    margin-bottom: 20px;

}



button {

    background-color: #007bff;

    color: #fff;

    border: none;

    padding: 10px 20px;

    font-size: 16px;

    margin: 5px;

    cursor: pointer;

    border-radius: 4px;

}



button:hover {

    background-color: #0056b3;

}



.message {

    font-size: 18px;

    padding: 10px;

    border-radius: 4px;

}



.message.error {

    background-color: #f8d7da;

    color: #721c24;

}

.message.warning {

    background-color: #f8d7da;

    color: #721c24;

}



.message.success {

    background-color: #d4edda;

    color: #155724;

}