Lobashov_Ivan_PIBD-21_IP/Lab2/css/tv.css
2024-01-10 22:39:31 +04:00

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;
}
}