.navbar ul {
   list-style: none;
   background-color: black;
   padding: 0px;
   margin: 0px;
   overflow: hidden;
   animation: glow;
   animation-duration: 3s;
   animation-iteration-count: 1;
}

.navbar a {
   color: white;
   text-align: center;
   text-decoration: none;
   padding: 15px;
   display: block;
   animation: shine;
   animation-duration: 3s;
   animation-iteration-count: 1;
   text-shadow: 2px 2px 3px orange;
   font-size: 17px;
}

.navbar a:hover {
   background-color: #4259C3;
   transition: 750ms;
}

.navbar li {
   float: left;
}

body {
   background-color: #58aeca;
}

li {
   font-size: 36px;
   list-style: none;
   color: beige;
}

h2 {
   animation: opac;
   animation-duration: 4s;
   animation-iteration-count: 1;
}

ul {
   animation: opac;
   animation-duration: 4s;
   animation-iteration-count: 1;
}

@keyframes opac {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

h1 {
   animation: opac;
   animation-duration: 4s;
   animation-iteration-count: 1;
}
.img_deg{
   float:right;
}
pos_cen{
   position;top;
   width:70%;
   }