@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap');


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

html {
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  background: #020A21;
}



button:focus {
  outline: none;
}

a:active,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

@media only screen and (max-width: 600px){
    .banner{
        width: 100%;
        height: 100vh;
        background-image: url(assets/RLS-Mob.jpg);
        background-size: contain;

        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 601px) {
    .banner{
        width: 100vw;
        height: 100vh;
        background-image: url(assets/RLS\ Banner-01.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}



.ml3 {
    font-weight: 900;
    text-align: center;
  }

.letter:nth-child(6){
    color: #ff8215 !important;
}
.letter:nth-child(7){
    color: #ff8215 !important;
}
.letter:nth-child(8){
    color: #ff8215 !important;
}
.letter:nth-child(9){
    color: #ff8215 !important;
}
.letter:nth-child(10){
    color: #ff8215 !important;
}
.letter:nth-child(11){
    color: #ff8215 !important;
}
.letter:nth-child(12){
    color: #ff8215 !important;
}
.letter:nth-child(13){
    color: #ff8215 !important;
}
.letter:nth-child(14){
    color: #ff8215 !important;
}
.letter:nth-child(15){
    color: #ff8215 !important;
}