@import "tailwindcss";

@font-face {
    font-family: 'SamsungSharpSans-Bold';
    src: url('../fonts/samsungsharpsans-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'SamsungSharpSans';
    src: url('../fonts/samsungsharpsans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'SamsungOne';
    src: url('../fonts/SamsungOne-400.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'SamsungOne-Bold';
    src: url('../fonts/SamsungOne-700.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-samsung-sharp-bold {
    font-family: 'SamsungSharpSans-Bold', sans-serif;
}

.font-samsung-sharp {
    font-family: 'SamsungSharpSans', sans-serif;
}

.font-samsung-one {
    font-family: 'SamsungOne', sans-serif;
}

.font-samsung-one-bold {
    font-family: 'SamsungOne-Bold', sans-serif;
}

.floating {
    animation: float 8s ease-in-out infinite;
}

.hero-layer.parallax-1 {
    transition: transform 0.5s ease-out;
}

@keyframes float {
    0%, 100% { 
        transform: translateY(0px); 
    }
    50% { 
        transform: translateY(-20px); 
    }
}

.mockup-img {
    width: 100%;
    max-width: 400px;
    height: auto;
    animation: float 3s ease-in-out infinite;
}

::-webkit-scrollbar {
  display: none;
}

* {
  scrollbar-width: none;
}

body {
  -ms-overflow-style: none;
}