@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

@media (max-width: 768px){
  #new-flex{
    flex-direction: column!important;
  }
  .new-flex{
    flex-direction: column!important;
    align-items: center;
    padding-left: 15px;
  }
}
* {
  font-family: 'Roboto', sans-serif!important;
}
body{
  width: 100%;
  background-color: #0f1418;
  color: #fff;
  background-attachment: scroll;
}
footer{
  height:100px; 
  bottom: -100; 
  text-align: center;
}
section{
  width: 100%;
  background-image: url('./img/enfeite.png');
  background-size: cover;
  background-attachment: fixed;
}
.input-size{
  width: 90%;
}
.cover{
  display: table;
  width: 100%;
  background-color: #000;
  height: auto;
  background-image: url('./img/background.png');
  background-position: 30% 45%;
  background-repeat: no-repeat;
  background-size: cover;
}
.description{
  text-align: end;
  margin-right: 70px;
}
.bg-black{
  background-color: #000!important;
  color: #fff!important;
  width: 100%;
}
.bg-black-d{
  background: rgba(0, 0, 0, 0.73);
}
.card{
  background-color: transparent!important;
}
.size{
    width: 100px;
    height: 100px!important;
    text-align: center;
}
.bg-purple{
  background-color: #1c0840;
  color: #fff!important;
  width: 100%;
}
.fa-facebook-square{
  font-size: 1.5rem;
}
.fa-twitter{
  font-size: 1.5rem;
}
.modal-title{
  color: #FF1493;
}