div#first {
    padding: 25px 50px;
    margin: 5px;
    max-height: 60%;
    max-width: 50%;
    border: 5px solid;
    outline: 10px dotted green;
    background-color: red;
    display:flex;
    justify-content: center;
}

div#second {
    padding: 25px 40px 50px 60px;
    margin: 10px;
    max-height: 60%;
    max-width: 50%;
    border: 10px dotted;
    outline: 20px solid blue;
    background-color: yellow;
    display: flex;
    justify-content: center;
}

div#third {
    padding: 30px;
    margin: 5px;
    max-height: 50%;
    max-width: 50%;
    border: 10px dotted blue;
    outline: 10px solid orange;
    background-color: blue;
    display: flex;
    justify-content: center;
}
div#fourth {
    padding: 40px;
    margin: 5px;
    max-height: 50%;
    max-width: 50%;
    border: 10px solid yellow;
    outline: 10px dotted blue;
    background-color: orange;
    display: flex;
    justify-content: center;
}