@font-face { 
    font-family: "cocomatblack"; 
    src: url("./fonts/CocomatPro-Black.ttf"); 
} 
@font-face { 
    font-family: "cocomatbold"; 
    src: url("./fonts/CocomatPro-Bold.ttf"); 
}
@font-face { 
    font-family: "bebas"; 
    src: url("./fonts/BebasNeue-Regular.ttf"); 
}
@font-face {
  font-family: "rocabold";
  src: url("./fonts/RocaOne-Bold.ttf");
}
@font-face {
  font-family: "rocablack";
  src: url("./fonts/RocaOne-Bl.ttf");
}

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

.pfont{
    font-weight: light;

}
@layer utilities {
    .scrollbar::-webkit-scrollbar {
      width: 20px;
      height: 20px;
    }
  
    .scrollbar::-webkit-scrollbar-track {
      border-radius: 100vh;
      background: #f7f4ed;
    }
  
    .scrollbar::-webkit-scrollbar-thumb {
      background: #e0cbcb;
      border-radius: 100vh;
      border: 3px solid #f6f7ed;
    }
  
    .scrollbar::-webkit-scrollbar-thumb:hover {
      background: #c0a0b9;
    }
  }