/*REFERENCE FOR COLOR PALETTE: https://coolors.co/f05d5e-0f7173-e7ecef-272932-d8a47f*/
body {
    background-color: #587d93;
    font-family:'Trebuchet MS', Verdana, Verdana, sans-serif;
}

h1 {
    text-align:center;
    text-decoration:bold; 
    /* font-size: 30px;  */
    color: #0F7173;
    /* text-shadow: 2px 2px 0px rgb(104, 51, 92);
    text-shadow: 4px 4px 0px rgb(218, 91, 127); */
}

h1:hover {
    text-decoration: underline;
    color:#F05D5E; 
    text-align:center;
}

h2{
    text-align:center;
    text-decoration:bold; 
    /* font-size: 20px;  */
    color: #0F7173;
    /* text-shadow: 2px 2px 0px rgb(104, 51, 92);
    text-shadow: 4px 4px 0px rgb(218, 91, 127);    */
}

/* h2:hover {
    text-decoration: underline;
    color:#F05D5E; 
    text-align:center;
} */

h3{
    text-align:center;
    text-decoration:bold; 
    /* font-size: 20px;  */
    color: #073232;
    /* text-shadow: 2px 2px 0px rgb(104, 51, 92);
    text-shadow: 4px 4px 0px rgb(218, 91, 127);    */
}

h3:hover {
    text-decoration: underline;
    color:#b74949; 
    text-align:center;
}

a {
    text-decoration:none;
    /* font-size: 15px;  */
    color:#272932;
}

a:hover {
    text-decoration:underline;
    /* font-size: 15px;  */
    color:#b74949;
}

p{
    color:#272932; 
    /* font-size: 15px;  */
}

.overview {
    background-color:#e9eaec; 
    display:block;
    padding: 30 px; 
    margin: 30 px;
    box-shadow: 8px 8px #272932;
    border-radius:3px;
}

.overview img {
    width:200px;
    margin:10px;
    border:3px solid #272932;
}

.overview img:hover {
    width:200px;
    margin:10px;
    border: 3 px dashed #ffffff; 
}

.topic {
    background-color:#F3F5F7; 
    display:block;
    padding: 30 px; 
    margin: 30 px;
    box-shadow: 8px 8px #fcccaf;
    border-radius:3px;
}

.topic img {
    width:200px;
    margin:10px;
    border:3px solid #8a3f3f;
}

.topic img:hover {
    width:200px;
    margin:10px;
    border: 3 px dashed #ffffff; 
}