.navbar a {
        float: left;
        padding: 1px;
        color: black;
        text-decoration: none;
        font-size: 21px;
        }
       .navbar a:hover {
        background-color: #f1f1f1;
        }
       .active {
        background-color: #04AA6D;
        }
        @media screen and (max-width: 500px) {
        .navbar a {
         float: none;
         display: block;
        }
        }
       .vl {
         border-left: 6px solid green;
         height: 238px;
        }
       #p1 {background-color:hsla(120,100%,50%,0.3);}
       #p2 {background-color:hsla(120,100%,75%,0.3);}
       #p3 {background-color:hsla(120,100%,25%,0.3);}
       #p4 {background-color:hsla(120,60%,70%,0.3);}
       #p5 {background-color:hsla(290,100%,50%,0.3);}
       #p6 {background-color:hsla(290,60%,70%,0.3);}
       
       body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 100%;
  margin: auto;
  background-color: #ddd;
  height: 300px;
  color: white;
  border-radius: 10px;
}

.topnav {
     float: right;
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 2px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #f1f1f1;
  color: black;
}

.active {
  background-color: #04AA6D;
  color: white;
}
.img{
    width:20%;
height:13px;
}

.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: #f1f1f1;
  font-weight: bold;
  font-size: 28px;
  border: 10px solid #f1f1f1;
  position: relative;
 
 
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 260px;
  padding: 4.1px;
  text-align: center;
}
@media screen and (max-width: 300px) {
  bg-text {
     display: block;
     width:100%;
  }
  
  
}
     #myDIV {
 
  background: black;
  animation: mymove 5s infinite;
}

@keyframes mymove {
  from {background-color:hsl(0, 100%, 92%);}
  to {background-color:rgb(210, 210, 210);}
}