header h1
{
    text-align: center;
    font-weight: bolder;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 30px;
    font-family: 'Smooth Sans',san-serif;
}
header h1:hover
{
    color: red;
}
.content{
    max-width: 800px;
    margin:auto;
    background-color: white;
    padding: 10px 40px;
    color:blue;
    font-weight:500;
}
.navbar li{
    color:white;
}

.content h3
{
    text-align: center;
    font-weight:bolder;
}
hr
{
    border-top:1px dotted red;
}
.content p,article li
{
    font-size:14px;
    font-family: 'Courier New', Courier, monospace;
}
.un-list
{
    list-style-type: circle;
}
.iframe-container{
    position: relative;
    width:100%;
    padding-bottom: 56.25%;
    height:0;
}
.iframe-container iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#caption
{
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-size: medium;
    color: red;
}
.links p
{
    padding-top:10px ;
    font-size: 12px;
    text-align: center;
    color: blue;
}
.links a
{
    font-size: 10px;
    text-align: center;
    display: block;
}
.links a:hover
{
    color:aqua;

}