/* xs */
@media (min-width:475px) {
}

/* sm */
@media (min-width:640px) {      
}

/* me */
@media (min-width:768px) {      
}

/* lg */
@media (min-width:1024px) {
}

/* xL */
@media (min-width:1280px) {
}

/* 2xL */
@media (min-width:1536px) {
}


.btn{
      display: inline-block;
      font-weight: 600;
      text-decoration: none;
      letter-spacing: -0.05rem;
      background-color: var(--clr-rose);
      color: #f1f5f9;
      padding: 0.5em 1em;
      border-radius: 6px;
      box-shadow: 0 10px 20px rgba(225, 29, 72, 0.5),0 6px 6px rgba(225, 29, 72, 0.5), 0 0 100px -10px var(--clr-rose);
      transition: transform 0.3s box-shadow 0.3s;
}
.btn:hover{
      transform: translateY(-3px);
      box-shadow: 0 14px 28px rgba(225, 29, 72, 0.5),0 10px 10px rgba(225, 29, 72, 0.5), 0 0 120px -10px var(--clr-rose);
}

.container{
      width: 100%;
      margin-left:auto ;
      margin-right:auto ;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
}

.section{
      margin-top: 5rem;
}

/* xs */
@media (min-width:475px) {
      .container{
            max-width: 475px;
      }
}

/* sm */
@media (min-width:640px) {      
      .container{
            max-width: 640px;
      }}

/* me */
@media (min-width:768px) {      
      .container{
            max-width: 768px;
      }}

/* lg */
@media (min-width:1024px) {
      .container{
            max-width: 1024px;
      }
      .section{
            margin-top: 10rem;
      }      
}

/* xL */
@media (min-width:1280px) {
      .container{
            max-width: 1280px;
      }
}

/* 2xL */
@media (min-width:1536px) {
      .container{
            max-width: 1536px;
      }
}