style.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face{
  font-family: saluf1;
  url:"./font/311b7f2775e42105e53e.ttf"
}
@font-face{
  font-family: saluf2;
  url:"./font/d77b39f40383b63d32e3.ttf"
}
@font-face{
  font-family: pptele;
  url:"./font/PP Telegraf - Free for Personal Use/PPTelegraf-Regular.otf"
}
html,body
{
  width: 100%;
  height: 100%;
  background-color: #000;
  color: #fff;
  scroll-behavior: smooth;
 

}
nav {
  font-family: saluf1;
 

  z-index: 100;
}


.navs1, .navs2, .navs3 {
  height: 3vh;
  font-size: 1rem;
  cursor: pointer;
  overflow: hidden;

 
}

.navs1 h3, .navs2 h3, .navs3 h3 {
  color: #fff;
 
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s;
}



.navs1:hover .navb1, 
.navs2:hover .navb2, 
.navs3:hover .navb3 {

  margin-top: -2.5vh;
}


.navs3btn {
  transition: background-color 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.navs3btn:hover {
  background-color: #fff;
}

.navs3btn h3:hover {
  color: #000;
}

.s1
{
  font-family: pptele;
}

.s3overlay {
  pointer-events: none;
}

.loaderText {
  position: relative;
  display: inline-block; 
}

.f1, .l1, .lText {
  position: relative;
  display: inline-block; 
}