/* The provided code snippet is a CSS stylesheet defining styles for various elements in a web page.
Here's a breakdown of what each part of the CSS is doing: */

.container {
    max-width: 800px;
    padding: 10px;
    background:rgb(12, 216, 206);
    box-shadow: 0 0 100px rgba(0,0,0,0.1);
    border-radius: 50px;
    margin-top: 50px;
    border:dotted;
}

h1 {
    text-align: center;
    margin-bottom: 35px;
}

h2 {
    margin-top: 40px;
    margin-bottom: 30px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
    
}

p {
    text-align: justify;
    color:black;
}

li {
    margin-bottom: 15px;
}

img {
    display:-moz-popup;
    border-radius: 40px;
    min-height: 200px;
}
form {
    background: #788798;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

form label {
    font-weight: bold;
}

form input, form textarea, form button {
    width: 90%;
    padding: 10px;
    margin: 50px 0;
    border-radius: 40px;
    border: 1px solid #363030;
}
form input[type="submit"]:hover, form button:hover {
    background: #06b300;
}