PIbd-22.-Stroev-V.M.-Internet-Programm/Lab3/style.css

header nav {
    background-color: #3c3c3c;
}

@media (max-width: 770px) {
    .rectNews{
        width: 270px !important;
        height: 175px !important;
        margin-left: 45 !important;
        margin-top: 30 !important;
    }
    .rectNewsTextBox{
        width : 270px !important;
    }
    .rectnewsText{
        font-size : 13px !important;
    }
    .footer{
        font-size: 12px;
    }
    .stsp{
        margin-top: 0 !important;
    }
    .rectPage4{
        width : 340px !important;
        height : 210px !important;
    }
}
@media (min-width: 771px){
    .tbb1{
        justify-content: center !important;
    }
}
@media (max-width: 615px){
    .rectPage5{
        width : 370px !important;
        height : 500px !important;
    }
}
@media(min-height: 740px){
    body{
        min-height: 1070px;
    }
}
.headStyle{
    color: #FFFFFF
}
.headStyleNavBar{
    background-color: #454545;
}
.headStyleNavBar2{
    background-color: #575757
}
.body{
    display: flex;
    flex-direction: column;
    min-height: 100hv;
}
.stsp{
    font-size: 30px;
    color: #333333;
    text-align: center;
    margin-top: 70;
}

.mainSt{
    color: #060647;
    font-size: 50px;
    font-weight: 400;
}

.rectPage2{
    color: #FFFFFF;
    width: 1470px;
    height: 900px;
    border : 2px solid #000000;
    background-color: #FFFFFF;
    opacity: 0.8;
}
.rectPage4{
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    width: 550px;
    height: 300px;
    border: 2px solid #000000;
    background-color: #7c7474;
    opacity: 0.8;
}
.rectPage5{
    margin-left: auto;
    margin-right: auto;
    margin-top : auto;
    margin-bottom : auto;
    width: 600px;
    height: 500px;
    border: 2px solid #000000;
    background-color: #FFFFFF;
    opacity: 0.7;
}
.rectNews{
    width:310px;
    height:200px;
    border : 2px solid #2582A3;
    border-radius: 8%;
    margin-left: 180;
    margin-top: 9px;
    margin-bottom:25px;
}
.rectNewsInvisible{
    width: 5px;
    height: 50px;
    border : 2px solid #2582A3;
}
.modal-dialog img{
    max-width: 310px;
    max-height: 200px;
    object-fit: cover;
}
.stylePage2{
    float : center;
    margin-right: 7;
    color: #063638;
    font-size: 18px
}
.styleParagraph{
    border-top: 2px solid #000000;
}
.styleBlack{
    color : #000000;
}
.stylePage2LargeSymbol{
    float : left;
    margin-right: 7;
    color: #118D94;
    font-size: 50px;
    line-height: 52px
}
.rectNewsTextBox{
    width : 310px;
    min-height : 50px;
    border: 2px solid #000000;
    background-color: #FFFFFF;
    opacity: 0.7;
    border-radius: 10% / 40%;
    margin-top : 5px;
}
.rectNewsText{
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}

header nav a:hover {
    text-decoration: underline;
}

footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #9c9c9c;
    height: 32px;
    color: #ffffff;
    font-size: 15px;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.25em;
}

h3 {
    font-size: 1.1em;
}