* {
    box-sizing: border-box;
}

html {
    border: 8px solid #0512ce;
    min-height: 100%;
}

header {
    width: 100%;
    outline : 10px dotted red;
    background-color: black;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-around;
}

a {
    font-size: 4em;
    color: white;
}

body {
    background-color: turquoise;
}

h3 {
    width: 100%;
    color: white;
    stroke: white;
    font-size: 1.3em;
    text-align: left;
}

section{
    width: 100%;
    margin: auto 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    padding: 10px 10px 20px 10px;
}

section:nth-of-type(1) {
    background-color: grey;
    border: 2px solid lightgray;
}

section:nth-of-type(2) {
    background-color: rgb(138, 89, 89);
    border: 3px dotted lightgray;
    margin-bottom: 25px;

}

section:nth-of-type(3) {
    background-color: rgb(152, 26, 184);
    border: 2px groove lightgray;
    margin-bottom: 25px;
}

section:nth-of-type(4) {
    background-color: rgb(185, 175, 117);
    border: 5px groove rgb(105, 66, 54);
}

h1 {
    text-align: center;
    font-size: 4em;
}

h2 {
    text-align: center;
    font-size: 2em;
}


