@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
  background-color: #151515;  /* White background */
 color: #f5f5f5;
}

.accent-light-blue {
  color: #AACCFF;  /* Light blue from your chosen palette */
}

.accent-light-gray {
  color: #DDDDDD;  /* Light gray from your chosen palette */
}

.accent-silver {
  color: #CCCCCC;  /* Silver from your chosen palette */
}

.bg-darkui {
  background: #121212;
}
.bg-darkui-b {
  background: #090909;
}



/*<uniquifier>: Use a unique and descriptive class name
 <weight>: Use a value from 100 to 900 */

* {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.roundedd {
  border-radius: 1.5em  ;
}
.roundedd-u {
  border-radius: 1.5em   1.5em   0 0;
}
.roundedd-b {
  border-radius:0 0 1.5em   1.5em   ;
}
a {
  text-decoration: none;
}

html, body {
animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        
    }
    100% {
        opacity: 1;
        
    }
}

.headimg-w {
  width: 100% ;
}
@media screen and (min-width: 720px) {
  .headimg-w {
    height: 420px;
  }
}


@media screen and (min-width: 480px) {
  .headimg-w {
    height: 375px;
  }
}