.header {
    padding: 20px;
    text-align: center;
}
body{
    margin:0;
    background-color: rgb(165, 165, 165);
}
h1{
    margin-top:50px;
    background-color: #f1f1f1;
    font-family: 'Courier New', Courier, monospace;
    font-size:xx-large;
    color: black; 
}
p{
    font-family:'Courier New', Courier, monospace;
    font-size: large;
    color:rgb(0, 0, 0);
    padding: 5px;
    border: 50px;
    background-color: rgb(165, 165, 165);
}
#navbar{
    background-color: #333;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow:hidden;
    width: 100%;
}
#navbar a{
    float:left;
    font-size: x-large;
    display:block;
    color:white;
    padding: 14px 16px;
    text-decoration: none;
    text-align: center;
}
#navbar button{
    float:right;
    font-size: x-large;
    display:block;
    color:white;
    background-color: #333;
    padding: 14px 16px;
    text-decoration: none;
    text-align: center;
    margin:0;
    border:0;
}
#navbar a:hover{
 background-color: #ddd;
 color:black;   
}
#navbar button:hover{
    background-color: #ddd;
    color:black;   
   }
#navbar a.active{
    background-color: #04AA6D;
    color:white;
}
.sticky {
    position:fixed;
    top:0;
    width:100%;
}
.sticky + .content {
    padding-top:60px;
}
#Info{
    background-color:rgb(165, 165, 165);
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin:0;
    padding: 0;
}
#Info p1{
    background-color: rgb(230, 230, 230);
    border: 20px;
    float: left;
    width: 47%;
    color: 165,165,165;
    font-size: large;
    height: 110px;
    margin-right: 1%;
    margin-left:1%;
    margin-top:1%;
    margin-bottom: 1%;
}
#Info p2{
    background-color: rgb(230, 230, 230);
    border: 20px;
    float: left;
    width: 47%;
    color: 165,165,165;
    font-size: large;
    height: 130px;
    margin-right: 1%;
    margin-left:1%;
    margin-top:1%;
    margin-bottom: 1%;
}
#Info p3{
    background-color: rgb(230, 230, 230);
    border: 20px;
    float: left;
    width: 47%;
    color: 165,165,165;
    font-size: large;
    height: 300px;
    margin-right: 1%;
    margin-left:1%;
    margin-top:1%;
    margin-bottom: 1%;
}
#Limg{
    float:left;
    margin-right: 1%;
    margin-left:1%;
    margin-top:1%;
    margin-bottom: 1%;
}
#Rimg{
    float:right;
    margin-right: 1%;
    margin-left:1%;
    margin-top:1%;
    margin-bottom: 1%;
    overflow:hidden;
}
.rot45deg {
    -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.rot90deg {
    -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
}
.rot180deg {
    -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
.rot270deg{
    -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            transform: rotate(270deg);
}