@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap');

body {
text-align: center;
font-family: 'Merriweather', serif;
}

a:link, a:visited {
color: black;
text-decoration:none;
}

a:hover {
color: red;
text-decoration:none;
}

h1 {
text-align: right;
font-size: 36px;
margin-top: 0px;
margin-bottom: 0px;
font-family: "Times New Roman", Times, serif;
}

h2 {
font-size: 24px;
margin-top: 0px;
margin-bottom: 0px;
font-style: italic;
font-weight: bold;
text-transform: uppercase;
font-family: "Times New Roman", Times, serif;
}

h3 {
font-size: 18px;
margin-top: 0px;
margin-bottom: 0px;
font-style: normal;
font-weight: normal;
text-align: center;
font-family: "Times New Roman", Times, serif;
}

h4 {
text-align: right;
font-size: 18px;
margin-top: 0px;
margin-bottom: 0px;
font-family: "Times New Roman", Times, serif;
}

.container {
width: 40%;
height: auto;
border: none;
margin: 0 auto;
margin-bottom: 10px;
}

.box {
    margin: 0 auto;
    background:#ffffff;
    width:95%;
    padding:10px;
    margin-top:30px;
    margin-bottom:15px;
    border-radius:20px;
    border: 1px black solid;
}