.navbar {
    overflow: hidden;
    background-color: #000000;
    padding: 20px 10px;
  }
  
  .navbar a {
    float: left;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 5px;
    text-decoration: none;
    font-size: 18px;
    line-height: 20px;
    border-radius: 4px;
  }
  
    .logo {
    font-size: 20px;
    font-weight: bold;
    line-height: 50px; 
    color: rgb(0, 0, 0)!important;
    background-color: yellow;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif ;
  }
  
  .navbar a:hover {
    background-color: grey;
    color: white;
  }
  
  .navbar a.active {
    background-color: green;
    color: white;
  }

  .navbar a.b-active {
    background-color: rgb(128, 0, 0);
    color: white;
  }

  .navbar a.p-active {
    background-color: rgb(0, 124, 128);
    color: white;
  }

  .about-text {background-color:green;
    border-radius:17px;
    font-size:16px;
    padding:10px;
    margin:auto;
    width:690px;
    text-align: center;
  }

  .about-image img{
    display: block;
    margin: 0 auto; 
    max-width: 100%; 
    height: auto;
    max-height: 400px;
    border-radius: 17px;
}

.page-title {background-color:green;
    border-radius:17px;
    font-size:32px;
    padding:10px;
    margin:auto;
    width:100px;
    text-align: center}

    .footer{
        background-color:rgba(195, 0, 255, 0.466);
        color: white;
        border-radius:17px;
        font-size:16px;
        padding:10px;
        margin: 0 auto;
        width:480px;
        text-align:center;
        bottom: 0;
        left: 0;
        position: fixed;
    }
    .r-footer{background-color:rgb(0, 0, 0);
        color: white;
        border-radius:17px;
        font-size:16px;
        padding:10px;
        margin: 0 auto;
        width:480px;
        text-align:center;
        bottom: 0;
        left: 0;
        position: fixed;
    }

    .r-page-title {
        text-align: left}
    
    .b-page-title {
        background-color:rgb(128, 0, 0);
        border-radius:17px;
        font-size:32px;
        padding:10px;
        margin:auto;
        width:100px;
        text-align: center;
        color:whitesmoke}

        .p-page-title {
            background-color:rgb(0, 124, 128);
            border-radius:17px;
            font-size:32px;
            padding:10px;
            margin:auto;
            width:200px;
            text-align: center;
            color:whitesmoke}

        .b-about-text{
    background-color:rgb(128, 0, 0);
    border-radius:17px;
    font-size:16px;
    padding:10px;
    margin:auto;
    width: 200px;;
    text-align: center;
    color: whitesmoke;
        }

        .b-about-image img{
            display: block;
            margin: 0 auto; 
            width: 690px; 
            height: auto;
            height: 400px;
            border-radius: 17px;
        }

        .p-about-image img{
            display: block;
            margin: 0 auto; 
            width: 690px; 
            height: auto;
            height: 400px;
            border-radius: 17px;
        }

        .p-about-text{
            background-color:rgb(0, 124, 128);
            font-size:16px;
            padding:10px;
            margin:auto;
            width: 200px;;
            text-align: center;
            color: whitesmoke;
            border-radius: 17px;    
        }

        .navbar a.c-active {
            background-color: rgb(2, 126, 43);
            color: rgb(113, 1, 158);
            font-weight: bold;
            border-style: solid;
            border-width: 1px;
            border-color: yellow;
          }
        .c-page-title{
            background-color:rgb(80, 80, 80);
            border-radius:17px;
            font-size:32px;
            padding:10px;
            margin:auto;
            width:200px;
            text-align: center;
            color: rgb(34, 34, 34)
        }
        .c-about-text{
            background-color: rgb(3, 119, 28);
            background-image: url("Dragon Radar.jpg"); 
            background-size: 500px 1000px; 
            background-position: center; 
            border-color: rgb(80, 80, 80);
            border-width: 10px;
            border-radius: 17px;
            border-style: solid;
            font-size: 16px;
            padding: 10px;
            margin: auto;
            width: 200px; 
            text-align: center;
            color: rgb(255, 238, 88);
            font-weight:bold
        }

        .navbar a.r-active {
            background-color: rgb(255, 255, 255);
            color: rgb(0, 0, 0);
            font-weight: bold;
          }