/* FUNDO DO SITE */

.site-bg{

background-color:#111;

background-image:url('img/fundo-tech.png');

background-repeat:repeat;

background-size:450px;

background-attachment:fixed;

color:white;

font-family:Arial, Helvetica, sans-serif;

}

/* HERO */

.hero{
background-color:#111;

background-image:url('img/fundo-tech.png');

background-repeat:repeat;

background-size:450px;

background-attachment:fixed;

color:white;

font-family:Arial, Helvetica, sans-serif;

backdrop-filter:blur(2px);

}

/* TÍTULOS */

h1,h2,h3,h4,h5{

font-weight:700;

}

/* CARDS */

.card{

background:rgba(20,20,20,0.90)!important;

border:1px solid #ffc107!important;

border-radius:18px;

transition:0.3s;

overflow:hidden;

box-shadow:0 0 20px rgba(255,193,7,0.08);

}

/* HOVER */

.card:hover{

transform:translateY(-5px);

box-shadow:0 0 30px rgba(255,193,7,0.25);

}

/* TEXTO */

.card p{

color:#ddd;

}

/* BOTÕES */

.btn-warning{

background:#ffc107;

border:none;

font-weight:bold;

border-radius:12px;

padding:12px 24px;

transition:0.3s;

}

.btn-warning:hover{

transform:scale(1.03);

box-shadow:0 0 20px rgba(255,193,7,0.4);

}

.btn-success{

font-weight:bold;

border-radius:12px;

padding:12px 24px;

transition:0.3s;

}

.btn-success:hover{

transform:scale(1.03);

}

/* MENU */

.navbar{
background-color:#111;

background-image:url('img/fundo-tech.png');

background-repeat:repeat;

background-size:450px;

background-attachment:fixed;

color:white;

font-family:Arial, Helvetica, sans-serif;

}

/* TABELA */

.table{

background-color:#111;

background-image:url('img/fundo-tech.png');

background-repeat:repeat;

background-size:450px;

background-attachment:fixed;

color:white;

font-family:Arial, Helvetica, sans-serif;

}

.table td,
.table th{
background-color:#111;

background-image:url('img/fundo-tech.png');

background-repeat:repeat;

background-size:450px;

background-attachment:fixed;

color:white;

font-family:Arial, Helvetica, sans-serif;

padding:15px;

}

/* IFRAMES YOUTUBE */

iframe{

border:none;

}

/* EFEITO SEÇÕES */

.container{

position:relative;

z-index:2;

}

/* SCROLLBAR */

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background-color:#111;

background-image:url('img/fundo-tech.png');

background-repeat:repeat;

background-size:450px;

background-attachment:fixed;

color:white;

font-family:Arial, Helvetica, sans-serif;

}

::-webkit-scrollbar-thumb{

background:#ffc107;

border-radius:20px;

}

/* LOGO */

.navbar-brand img{

transition:0.3s;

}

.navbar-brand img:hover{

transform:scale(1.05);

}

/* RESPONSIVO */

@media(max-width:768px){

.hero{
background-color:#111;

background-image:url('img/fundo-tech.png');

background-repeat:repeat;

background-size:450px;

background-attachment:fixed;

color:white;

font-family:Arial, Helvetica, sans-serif;

}

h1{

font-size:2rem;

}

}
/* CARDS TRANSPARENTES */

.card{
background-color:#111;

background-image:url('img/fundo-tech.png');

background-repeat:repeat;

background-size:450px;

background-attachment:fixed;

color:white;

font-family:Arial, Helvetica, sans-serif;

}

/* REMOVE FUNDO INTERNO */

.card-body{

background-color:#111;

background-image:url('img/fundo-tech.png');

background-repeat:repeat;

background-size:450px;

background-attachment:fixed;

color:white;

font-family:Arial, Helvetica, sans-serif;
}