body
{
    font-family: Georgia, serif;
    line-height: 1.8;
    max-width: 900px;
    margin: auto;
    padding: 80px 20px;
    background: white;
    color: #222;
	padding-top:0px;
}

.topbar
{
position:fixed;

    top:0;

    left:0;

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;
gap:20px;

    background:#ffffff;

    padding:12px 0;

    border-bottom:1px solid #ddd;

    box-shadow:0 3px 12px rgba(0,0,0,.12);

    z-index:9999;

}

.topbar a
{
display:inline-block;

    padding:5px 12px;

    text-decoration:none;

    font-size:18px;

    font-weight:600;

    color:rgb(255,255,255);

    background:#6495ED;

    border:1px solid #d9d9d9;

    border-radius:8px;

    transition:all .25s ease;
	
	
	text-align:center;
}

.topbar a:hover{

    background:#7a0000;

    color:#ffffff;

    border-color:#7a0000;

    box-shadow:0 0 15px rgba(122,0,0,.45);

    transform:translateY(-2px);

}

.topbar a:active{

    transform:translateY(0);

}
@media(max-width:700px){

.topbar{

gap:10px;

padding:10px 5px;

}

.topbar a{

font-size:15px;

padding:8px 14px;

}

}

h1
{
    text-align: center;
	color: rgb(122, 31, 42);
}

h2
{
    margin-top: 50px;
	color: rgb(184, 115, 51);
}
#p1{
overflow-wrap: break-word;
text-align:justify;
}

.container{

max-width:1050px;
    width:95%;
    margin:auto;

}

.top{

text-align:center;
padding:40px 0 20px;

}

.small{

font-size:28px;
letter-spacing:4px;
color:#0E3386;
font-weight:bolder;

}


.title{

font-size:36px;
font-weight:bold;
margin-top:20px;
line-height:70px;
color:#6d0000;

}

.banner{

margin-top:40px;

}

.roc{

margin-top:45px;

}

.roc h2{

text-align:center;
font-size:34px;
color:#7b0000;
margin-bottom:35px;

}

.roc a{

display:block;
padding:7px;
margin-bottom:12px;
background:white;
border:1px solid #ddd;
text-decoration:none;
font-size:18px;
color:#333;
transition:.3s;

}

.roc a:hover{

background:#eee;

}