@charset "UTF-8";
/*================================================
❯❯❯ Arquivo que armazena todos os mixins de SCSS.
==================================================

➤ MEDIA QUERYS - Responsivo (Padrão Bootstrap):

    ◉ XS: 0 a 575px (default): 
    Mobile-First, sem necessidade de Media Query

    ◉ SM: 576 a 767px -----------
    @include screen(sm){
        // conteúdo css
    }

    ◉ MD: 768 a 991px -----------
    @include screen(md){
        // conteúdo css
    }

    ◉ LG: 992 a 1199px ----------
    @include screen(lg){
        // conteúdo css
    }

    ◉ XL: 1200 a 1399px ---------
    @include screen(xl){
        // conteúdo css
    }

    ◉ XXL: 1400px e além --------
    @include screen(xxl){
        // conteúdo css
    }

*/
/*==========================================================================
				Media Querys - Responsivo (Padrão Bootstrap)
==========================================================================*/
/* ======================
xs: 0 a 575px (default)
sm: 576 a 767px
md: 768 a 991px
lg: 992 a 1199px
xl: 1200 a 1399px
xxl: 1400px e além 
========================= */
/*============================================
❯❯❯ Body: Estilos Gerais
=============================================*/
body {
  padding: 0;
  margin: 0;
}
body.body-er {
  background: #000000;
}
body.body-mmk {
  background: #4680C1;
}
body.body-opt {
  background: #000000;
}
body.body-sd {
  background: #113129;
}
body.body-mt {
  background: #1c2329;
}

main h1 {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 20px;
  font-family: "outfit", arial, sans-serif;
  color: #fff;
  font-weight: normal;
  padding: 50px;
  word-break: break-all;
}

/*======================================================
    ❯❯❯ Animate: Arquivo que contem as animações em CSS
    Animações: https://animate.style/
======================================================*/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.pulse {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation: pulse 1.5s infinite;
}

/* =========================================
    ❯❯❯ Main: Seção principal 
========================================= */
main {
  flex-flow: column wrap;
  justify-content: center;
  display: flex;
  width: 100%;
  height: 100vh;
}
main .main_item {
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 150px;
}
@media only screen and (min-width: 768px) {
  main .main_item {
    max-width: 250px;
  }
}
main .main_item img {
  display: block;
  width: 100%;
}