
/* A crude reset for a simple document */
html {
   box-sizing: border-box;
}
*, *::before, *::after {
   box-sizing: inherit;
   padding: 0;
   margin: 0;
}
/* Page styles */
body {
   color: #1A1A1A;
   background-color: #F7F4EA;
   font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
h1 {
   font-size: 3.5rem;
   text-align: center;
   padding-bottom: 0.8rem;
   border-bottom: 3px solid #A8BBA3;
   margin-top: 1.5rem;
}
h1+p {
   padding-top: 2.0rem;
}
h1, p {
   max-width: 650px;
   margin-left: auto;
   margin-right: auto
}
p {
   font-size: 1.5rem;
   line-height: 1.45;
   background-color: rgba(255, 255, 255, 0.35);
   padding-left: 1.2rem;
   padding-right: 1.2rem;
}

p+p {
   padding-top: 1.0rem;
}
p:last-of-type {
   padding-bottom: 1.6rem; /* Adding padding to the last line */
}
img {
   display: block; /* change into block element */
   margin: 25px auto; /* to center the picture equally from each side of the page */
   border-radius: 15%;
   box-shadow: 0 0.25em 0.5em rgba(0,0,0,0.2);
}

a {
   font-weight: bold;
   color: rgb(6, 90, 6);
}
/* changing the look of links */