@import "tailwindcss";
@import 'leaflet/dist/leaflet.css';

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}
/* globals.css or a new CSS module */
@font-face {
  font-family: 'Nikosh';
  src: url('/fonts/sadhinota.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Siyam Rupali';
  src: url('/fonts/akash.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Regular Bangla';
  src: url('/fonts/regular-bn.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.loading-screen{
    background: #428000e6;
    padding: 50px;
    position: relative;
    height: 100vh;
}
.full-screen-animate-loading{
      background: #efeccf;
    width: 150px;
    text-align: center;
    border-radius: 50%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #6666;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
.full-screen-animate-loading img{
  animation: loading 0.9s ease-in-out infinite;
}
@keyframes loading {
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}
.bangla-text {
  font-family: 'Nikosh', sans-serif !important;
}
.regular-font{
    font-family: 'Regular Bangla' !important;
}
body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}
.bg-mango {
    background: linear-gradient(145deg, green, orange);
    text-shadow: 1px 0 #606060a4;
    cursor: pointer;
}
.bg-farmgreen{background: #3F9B4F;}
.mango-text{color: #ff990a;}
.tree-text{color: green;}
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.animate-float {
  animation: float 3s ease-in-out infinite;
}

header .text-logo, footer .text-logo {
    color: orange;
    border-left: 4px solid;
    border-radius: 50%;
    border-left-color: #77990f;
    padding-left: 4px;
    display: flex;
    align-items: center;
    border-top: 2px solid green;
    padding-right: 13px;
}

/* nav */
nav a:last-child{
display: flex;
align-items: center;
justify-content: center;
}
nav a svg{
      width: 1.5em;
    height: 1.5em;
    color: cornflowerblue;
}
nav a:hover{
  opacity: 0.8;
}
nav a:hover > svg{
  color: #ff990a;
}
/* footer */
footer{
  background: #f6f5df4d;
}
footer .footer-bottom{
      background: #3049b8;
    color: #fff;
    font-size: 1em;
    text-align: center;
}