@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Georgian:wght@100..900&family=PT+Serif+Caption:ital@0;1&display=swap');

body {
   font-family: "PT Serif Caption", serif;
  font-style: normal;
  font-optical-sizing: auto; /* optional, ignore warning if needed */
}


.fraunces {
     font-family: "Noto Serif Georgian", serif;
  font-style: normal;
  font-optical-sizing: auto;
}


 body {
        scroll-behavior: smooth;
        overflow-x: hidden;
    }

   header{
    transition: all 0.5s ease-in-out;
}

.fixed-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #000000cc;
    backdrop-filter: blur(10px);
    z-index: 999;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    animation: headerSlide 0.35s ease;
}

@keyframes headerSlide{
    from{
        transform: translateY(-100%);
        opacity:0;
    }
    to{
        transform: translateY(0);
        opacity:1;
    }
}

.bgp{
       background-position: right 15rem top 9rem;
    background-size: 500px;
}