.container {
      display: flex-start;
      width: 600px;
      height: 600px;
      background-color: rgb(162, 76, 188);
      overflow: hidden;
      overflow-y: auto;
      border: 10px outset rgb(217, 133, 213);
    
      
    }
    body {
        margin: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url("../Images/BGS/bubbles.gif");
        background-repeat: repeat;       
        background-position: center;    
        background-size: 200px;          
        font-family: "Comic Sans MS";
    }
    h1 {
      font-size: 35px;
      color: rgb(137, 0, 205);
      text-align: center;
      text-shadow: 2px 4px black;
    }
    p1 {
      font-size: 15px;
      color: rgb(239, 142, 231);
      text-align: center;
      text-shadow: 2px 2px black;
    }
    p2 {
      font-size: 20px;
      color: rgb(255, 191, 252);
      text-align: center;
      
    }
    h4 {
      font-size: 15px;
      color: rgb(255, 191, 252);
      text-align: center;
    }
    li {
      font-size: 15px;
      color: rgb(71, 12, 68);
      
    }
    .bimg{
          display: inline-block;
          margin: 10px;
          border: 10px outset rgb(200, 64, 193);
          display: block;
          margin-left: auto;
          margin-right: auto;

        }
    h2 {
      font-size: 20px;
      color: rgb(255, 191, 252);
      text-align: center;
    }
    h3 {
      font-size: 17px;
      color: rgb(255, 191, 252);
      text-align: center;
    }
    .center {
      text-align: center;
      align-items: center;
      justify-content: center;
    }
    .sidebar {
      width: 150px;
      height: 600px;
      background-color: rgb(162, 76, 188);      
      color: rgb(0, 0, 0);
      display: flex;
      flex-direction: column;
      border: 10px outset rgb(217, 133, 213);
      z-index: 2;
    }
    .header {
        border: 10px outset rgb(235, 145, 230);
       background-color: rgb(162, 76, 188);
        text-align: center;
        color:orange;
        height:100px;
        z-index: 2;
    }
    .footer {
        border: 10px outset orange;
        background-color: black;
        text-align: center;
        color:orange;
        height:50px;
    }
    img{
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
        /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgb(143, 17, 136);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b045c9;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/* Default link color */
a {
  color: rgb(26, 73, 128);
  
}
.outlined-text {
  -webkit-text-stroke: 2px rgb(63, 70, 74); 
}

/* Hover state */
a:hover {
  color: rgb(2, 78, 255);
  text-decoration: underline; 
}
/* Visited link color */
a:visited {
  color: rgb(5, 102, 151);
}

/* Active link color */
a:active {
  color: rgb(255, 0, 93);
}
      #Sidimg{
          display: inline-block;
          margin: 290px;
          display: block;
          align-content: center;
          margin-left: auto;
          margin-right: auto;
      }