body {    font-family: Arial, sans-serif;    background-image: url('myImage.gif');}.nav-link {padding: 0.5rem 2rem;margin-right: 0.5rem;color: #333;font-weight: 600;border: 1px solid #333;border-radius: 5px;transition: all 0.3s ease;}.nav-link:hover {background-color: #333;color: #f50707;animation: blink 1s linear infinite;}.menu-item {font-size: 16px;padding: 10px 12px;margin: 0 5px;border-radius: 6px;}.xyz {font-size: 22px;height: 50px;}.navbar-brand {font-size: 4px;}@keyframes blink {0% {opacity: 1;}50% {opacity: 0.5;}100% {opacity: 1;}}.jumbotron {        background-size: cover;    height: 900px;    width: 1600px;    text-align: center;    color: rgb(247, 241, 241);    padding-top: 1px;}.jumbotron h1 {    font-size: 60px;    font-weight: bold;}.jumbotron p {    font-size: 30px;    font-weight: bold;    margin-top: 40px;}.featured {    margin-top: 50px;    padding: 50px 0;    background-color: #f2f2f2;    text-align: center;}.featured h2 {    font-size: 40px;    font-weight: bold;    margin-bottom: 50px;}.featured .row {    margin-top: 50px;}.featured .col-md-4 {    margin-bottom: 50px;}.featured .col-md-4 h3 {    font-size: 30px;    font-weight: bold;    margin-bottom: 20px;}.featured .col-md-4 p {    font-size: 20px;    line-height: 1.5;    margin-bottom: 20px;}.cta {    margin-top: 50px;    padding: 50px 0;    background-color: #f15194;    background-image: webimage/3.jpg;    text-align: center;    color: rgb(20, 20, 20);}.cta h2 {    font-size: 30px;    font-weight: bold;    margin-bottom: 50px;}.cta p {    font-size: 25px;    margin-bottom: 50px;}.cta a {    display: inline-block;    background-color: white;    color: #002147;    font-size: 20px;    font-weight: bold;    padding: 20px 40px;    border-radius: 50px;    text-decoration: none;    transition: all 0.3s;}.cta a:hover {    background-color: #002147;    color: white;}.footer {    background-color: #002147;    color: white;padding: 50px 0;text-align: center;margin-top: 50px;}.footer h4 {font-size: 25px;font-weight: bold;margin-bottom: 30px;}.footer p {font-size: 20px;margin-bottom: 20px;}.footer .social-icons a {color: white;font-size: 25px;margin: 0 10px;transition: all 0.3s;}.footer .social-icons a:hover {transform: translateY(-5px);}@media screen and (max-width: 768px) {.jumbotron {    height: 400px;    padding-top: 100px;}.jumbotron h1 {    font-size: 40px;}.jumbotron p {    font-size: 20px;}.featured h2 {    font-size: 30px;}.featured .col-md-4 h3 {    font-size: 25px;}.featured .col-md-4 p {    font-size: 18px;}.cta h2 {    font-size: 30px;}.cta p {    font-size: 20px;}.cta a {    font-size: 18px;    padding: 15px 30px;}}.news-card {height: 200px;margin-bottom: 30px;}.body{width:20px;}.news-card {height: 200px;margin-bottom: 30px;}.marquee {height: 100%;overflow: hidden;position: relative;}.marquee p {position: absolute;width: 100%;height: 100%;margin: 0;line-height: 1.5em;text-align: center;transform: translateY(100%);animation: marquee 10s linear infinite;}@keyframes marquee {0% { transform: translateY(100%); }100% { transform: translateY(-100%); }}.notification-box {background-color: #f9fcf9;border: 2px solid #b2b2b2;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 20px;margin-bottom: 30px;}.notification-box h2 {font-size: 24px;margin-bottom: 10px;text-align: center;color: #383838;text-shadow: 1px 1px #fff;}.notification-box p {font-size: 16px;color: #383838;text-shadow: 1px 1px #fff;line-height: 1.5em;}.contribution-box {background-color: #f5f5f5;padding: 20px;text-align: center;position: relative;z-index: 1;}.notification-box {position: relative;z-index: 0;}.carousel-item{height:auto;width:550;}.marquee {overflow: hidden;direction:up;white-space: nowrap;position: relative;}.marquee p {display: inline-block;padding-right: 100%;animation: marquee 15s linear infinite;}@keyframes marquee {0% { transform: translate(0, 0); }100% { transform: translate(-100%, 0); }}#navbar {overflow: auto;background-color: #cf1b1b;position: sticky;top: 0;z-index: 1;display: flex;justify-content: space-between;align-items: center;padding: 10px;}/* Style the links inside the navigation bar */#navbar a {color: rgb(250, 244, 244);text-decoration: none;font-size: 18px;margin-right: 20px;}/* Change the color of links on hover */#navbar a:hover {color: #04AA6D;}/* Add a color to the active/current link */#navbar a.active {color: #04AA6D;}/* Style the logo */#logo {display: inline-block;vertical-align: middle;}/* Style the tagline */#tagline {display: inline-block;vertical-align: middle;margin-left: 10px;color: white;font-size: 16px;}/* Style the menu box */#menu-box {position: fixed;top: 80px; /* Space for the navigation bar */right: 0;background-color: #f8f6f6;padding: 20px;box-shadow: -2px 0 6px rgba(0, 0, 0, 0.2);z-index: -1;display: none;}/* Style the menu items */#menu-box a {display: block;padding: 10px;font-size: 18px;color: #333;text-decoration: none;transition: background-color 0.2s;}/* Change the background color of menu items on hover */#menu-box a:hover {background-color: #ddd;}/* Show the menu box when the menu button is clicked */#menu-btn:checked ~ #menu-box {display: block;}/* Hide the menu button on large screens */@media screen and (min-width: 600px) {#menu-btn {display: none;}#menu-box {position: static;background-color: transparent;padding: 0;box-shadow: none;display: flex;align-items: center;}#menu-box a {margin-right: 20px;}}.navbar-brand {display: flex;align-items: center;}.navbar-text {display: flex;flex-direction: column;margin-left: 20px;margin-right: 50px;}.text-1 {font-size: 25px;font-weight: bold;font-family: Cooper Black;color: rgb(26, 25, 25);}.text-2 {font-size: 20px;font-family: Cooper Black;color: rgb(20, 20, 20);}.navbar {  position: fixed;  top: 0;  left: 0;  right: 0;  z-index: 9999;  background-color: rgb(248, 245, 245);}.navbar {    background-color: rgb(250, 247, 247);    transition: background-color 0.5s ease-in-out;  }  .navbar.scrolled {    background-color: blue;  }  .navbar-nav .nav-link:hover {    background-color: rgb(164, 216, 247);    color: black;  }  .dropdown-menu {    background-color: rgb(255, 255, 252);  }  .nav-item.active .nav-link {    background-color: yellow;    color: black;     }  .navbar-brand img {  transform: perspective(500px) rotateX(0deg);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}.navbar-nav .nav-link {  transform: perspective(500px) rotateX(0deg);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}@media (max-width: 991.98px) {  .navbar-nav {    width: 100%;    padding-top: 10px;    text-align: center;  }  .navbar-nav .nav-link {    font-size: 18px;    padding: 10px 0;    border-bottom: 1px solid #ddd;  }  .navbar-toggler {    position: absolute;    right: 15px;    top: 15px;  }}.button {    -webkit-animation: glowing 1500ms infinite;    -moz-animation: glowing 1500ms infinite;    -o-animation: glowing 1500ms infinite;    animation: glowing 1500ms infinite;}@-webkit-keyframes glowing {    0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }    50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }    100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }}@-moz-keyframes glowing {    0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }    50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }    100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }}@-o-keyframes glowing {    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }}@keyframes glowing {    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }}#cat {background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;animation: gradient 4s ease infinite;}@keyframes gradient {0% {  background-position: 0% 50%;}50% {  background-position: 100% 50%;}100% {  background-position: 0% 50%;}}.centered-flip-box {	background-color:rgb(238, 135, 140);	  display: flex;  justify-content: center;  align-items: center;  height: 100px;}.flip-box {  background-color: transparent;  perspective: 1000px;  width: 900px;  height: 100px;  margin: 20px;}.flip-box-inner {  position: relative;  width: 100%;  height: 100%;  transition: transform 0.6s;  transform-style: preserve-3d;}.flip-box:hover .flip-box-inner {  transform: rotateY(180deg);}.flip-box-front, .flip-box-back {  position: absolute;  width: 100%;  height: 100%;  backface-visibility: hidden;}.flip-box-front {  background-color: rgb(238, 135, 140);  color: white;  display: flex;  justify-content: center;  align-items: center;}.flip-box-back {  background-color: #f2f2f2;  display: flex;  justify-content: center;  align-items: center;  transform: rotateY(180deg);}button {  background-color: rgb(144, 243, 124);  color: white;  padding: 8px 16px;  border: none;  border-radius: 4px;  font-size: 14px;  cursor: pointer;  transition: background-color 0.3s;}button5:hover {  background-color: #2c903d;}.video-frame {    position: relative;    padding-bottom: 56.25%; /* 16:9 */ relative; height: 0;    overflow: hidden;}.video-frame video {    position: absolute;    top: 0;    left: 0;    width: 50px;    height: 50px;    cursor: pointer;}.video-frame video:hover {    transform: scale(1.1);    transition: transform 0.5s ease-in-out;}.video-frame {    position: relative;    padding-bottom: 56.25%; /* 16:9 */    height: 0;    overflow: hidden;    }.video-frame video {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    cursor: pointer;}.video-frame video:hover {    transform: scale(1.1);    transition: transform 0.5s ease-in-out;}