132 lines
2.1 KiB
CSS
132 lines
2.1 KiB
CSS
|
@import 'index.css';
|
||
|
|
|
||
|
|
.btn-tag {
|
||
|
|
background-color: #1C1919;
|
||
|
|
color: white;
|
||
|
|
transition: transform 0.2s;
|
||
|
|
margin-right: 25px;
|
||
|
|
border-radius: 12px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-tag:hover {
|
||
|
|
transform: scale(1.1);
|
||
|
|
background-color: #1C1919;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
.stil{
|
||
|
|
font-size: 16px !important;
|
||
|
|
font-family: Impact, sans-serif;
|
||
|
|
margin-left: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stil2{
|
||
|
|
margin-left: 50px;
|
||
|
|
}
|
||
|
|
.card:hover .card-img-top{
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.card .card-img-top{
|
||
|
|
transition: transform 0.3s;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 767px ) {
|
||
|
|
.card{
|
||
|
|
width: 100px !important;
|
||
|
|
margin-bottom: 80px !important;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.img-voz{
|
||
|
|
margin-top: -25px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-text{
|
||
|
|
margin-top: -30px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 1400px ) {
|
||
|
|
.card{
|
||
|
|
margin-left: 40px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 300px ) {
|
||
|
|
.filt-tv{
|
||
|
|
margin-left: auto !important;
|
||
|
|
margin-right: auto !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stil{
|
||
|
|
margin-left: auto !important;
|
||
|
|
margin-right: auto !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stil2{
|
||
|
|
margin-left: auto !important;
|
||
|
|
margin-right: auto !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media (max-width: 1200px ) {
|
||
|
|
.card{
|
||
|
|
margin-left: 65px !important;
|
||
|
|
}
|
||
|
|
.card-{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 991px ) {
|
||
|
|
.card{
|
||
|
|
width: 300px !important;
|
||
|
|
margin-bottom: 100px !important;
|
||
|
|
margin-left: auto !important;
|
||
|
|
margin-right: 23px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 575px ) {
|
||
|
|
.card{
|
||
|
|
width: 250px !important;
|
||
|
|
margin-left: auto !important;
|
||
|
|
margin-bottom: auto !important;
|
||
|
|
margin-bottom: 50px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 400px ) {
|
||
|
|
.card{
|
||
|
|
width: 200px !important;
|
||
|
|
margin-bottom: 30px !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 241px ) {
|
||
|
|
.card{
|
||
|
|
width: 150px !important;
|
||
|
|
margin-bottom: 0px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.filt-tv{
|
||
|
|
margin-left: auto !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-tag {
|
||
|
|
font-size: 10px;
|
||
|
|
margin-right: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stil2{
|
||
|
|
font-size: 20px !important;
|
||
|
|
}
|
||
|
|
}
|