body{
    font-family:'Roboto', sans-serif;
    background-color:#f5f5f5;
    color:#333;
    margin:5%;
}

#main-heading{
    font-family:'Playfair Display', cursive;
    color:#2c3e50;
    text-align:center;
    text-decoration: underline;
}

div{
    background:white;
    margin:3%;
    padding:4%;
    border:2px solid #4a90e2;
    border-radius:10px;
}

h1, h2{
    font-family:'Playfair Display', cursive;
    color:#1565c0;
    text-decoration: underline;
}

p, li{
    font-family:'Roboto', sans-serif;
    font-size:18px;
    line-height:1.6;
}

ul{
    padding-left:20px;
}

div:hover{
    background:#e8f4ff;
}
body{
    background-color: black;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 20px;
    color: white;
}