/* CSS Document */

*, *:before, *:after {
    box-sizing: border-box;
}

/****css resets***/
h1, h2, h3, p, ol, li {
      margin: 0;
      padding: 0;
}
img {
    /* [disabled]display: block; */
    /* [disabled]max-width: 100%; */
}
/***end css resets***/

body {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    color: #1A1717;
    font-size: 100%;
    line-height: 22px;
    background-color: #58889F;
}

main {
    width: 800px;
    margin: auto;
    background-color: #C1E0EF;
}


h1, h2, h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

h3 {
    padding-left: 50px;
    padding-top: 10px;
}

p {
    margin-left: 80px;
    margin-right: 70px;
    padding-bottom: 5px;
}

ul {
    margin-left: 50px;
    margin-right: 60px;
}

header {
    margin-top: 20px;
    padding: 35px 20px 0px 20px;
}

h1 {
    font-weight: 400;
    text-align: center;
    padding-bottom: 15px;
    display: block;
    border-bottom: 1px solid #3A513A;
}

nav ul li {
    display: inline;
    list-style-type: none;
    padding-left: 25px;
}
nav ul {
    margin-left: 93px;
    padding-top: 6px;
    margin-bottom: 0px;
}

h2 {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 20px;
    font-size: 28px;
}

header p {
    padding-left: 100px;
    padding-right: 105px;
    padding-top: 5px;
    text-align: justify;
    font-size: 18px;
}
    
.introduction img {
    margin-left: 94px;
    border: 2px solid #262829;
    border-radius: 5px;
}


.introduction {
    padding: 25px 10px 25px 10px;
}

strong {
    font-size: 20px;
}


#first, #second, #third, #fourth, #rules {
    border: medium solid #2B627D;
    background-color: #2B627D;
    margin: 15px 80px 7px 85px;
    padding: 10px 0px 10px 0px;
    color: #FCFCFC;
    border-radius: 5px;
}


steps ul li {
    padding-left: 0px;
}

aside, #close {
    background-color: #ECEFF0;
    margin-left: 85px;
    margin-right: 80px;
    margin-top: 5px;
    padding-bottom: 20px;
}
#close img, aside img {
    border: 2px solid #262829;
    margin-left: 65px;
    border-radius: 5px;
}
aside p {
    padding-top: 10px;
    padding-bottom: 5px;
}
#fourth h3 {
    padding-bottom: 10px;
}
#close p {
    padding-bottom: 11px;
}
#back-to {
    font-size: 0
x
x;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: x-large;
}

footer {
    margin-top: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #999D9F;
}
footer ul li {
    display: inline;
    padding-left: 132px;
}
footer p {
    text-align: center;
}