.n {
    font-size: larger;
    font-weight: bold;
    color: rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
}
.nn{
    position: relative;
  animation: mymove 1s;
  animation-fill-mode: forwards;

}
#div2 {animation-timing-function: ease-in-out;}
@keyframes mymove {
  from {top: 300px;}
  to {top: 0px;}
}

.nav-link:hover {
    color: orangered;
}

.social {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin: -6px;
}

.f1 {
    background-image: url(img/f1.jpg), linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 230px;
    background-size: cover;
    background-blend-mode: overlay;
}
.f2{
     background-image: url(img/f2.jpg), linear-gradient(rgba(248, 102, 5, 0.822), rgba(0, 0, 0, 0.3));
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 250px;
    background-size: cover;
    background-blend-mode: overlay;
}
.blog{
    background-color: rgb(249, 237, 221);
    border: 0;
}

@media (max-width:600px) {
    .f1 {
        background-image: url(img/mf1.png), linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
        background-repeat: no-repeat;
        background-attachment:scroll ;
        background-size: cover;
    }
    .f2{
background-image: url(img/f2.jpg), linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
        background-repeat: no-repeat;
        background-attachment:scroll ;
        background-size: cover;
    }
}

.flip-card {
  width: 350px;
  height: 300px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.5s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateX(180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
}
.flip-card-back {
  transform: rotateX(180deg);
  background-color: orange;
}
footer{
    background-image: linear-gradient(white,rgb(247, 202, 119)) ;
}
.accordion-button:hover{
   background-color: rgb(35, 12, 12) !important;
   color: orange;
   font-weight: bolder;
}
.accordion-button:focus{
   background-color: rgb(35, 12, 12) !important;
   color: orange;
}
.foot{
  color:orangered;
  
}
.qlinks li::marker , .qlinks li:hover{
  color: red;
  font-size: 20px;
}