body
{
    background-color: #f3f3f3;
}

#contenitore
{
    max-width: 300px;
    margin: auto;
}

#quadrato1, #quadrato2
{
    width: 100px;
    height: 100px;
    border: 1px solid #333;
    display: block;
    float: left;
    color: whitesmoke;
    padding: 5px 5px 5px 5px;
    text-align: center;
}

#quadrato1
{
    background-color: red;
}

#quadrato2
{
    background-color: green;
    margin: 0 0 0 50px;
}
@media (max-width: 600px) {
    header {
        font-size: 1.5em;
    }
    main {
        padding: 10px;
    }
}