Internet_Programming_Library_Barsukov_/lab2/all/style.css

body{
    background-color: #FFEBCD;
}

header{
    background-color: #A07A54;
}

footer{
    background-color: #A07A54;
}

.navbar-text{
    color: dark;
}

.Window{
    background-color: #A07A54;
    margin: auto;
    min-width: 30vw;
}
@media screen and (max-width: 610px) {
    .Window{
        margin-bottom: 3rem;
        margin-left: 2rem;
        margin-right: 2rem;
    }
}


@media screen and (max-width: 280px) {
    h3{
        font-size: small;
    }
    .form-control{
        font-size: medium;
        color: aqua;
    }
}
.form-control, .form-control:focus{
    background-color: #FFEBCD;
    box-shadow: none;
    font-size: large;
    padding: auto;
    margin: auto;
}

.form-label{
    font-family: Arial;
    color: dark;
}

button{
    background-color: #613E2B;
    color: #FFEBCD;
}

.section-name{
    background-color: #A07A54;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

@media screen and (max-width: 575px) {
    .section-name{
        width: 70vw;
    }
}

@media screen and (max-width: 340px) {
    .section-name{
        width: 50vw;
        font-size: medium;
    }
}

@media screen and (max-width: 190px) {
    .section-name{
        width: 40vw;
        font-size: small;
    }
}

.bookPanel{
    background-color: #D2B48C;
}

.a-main:link, .a-main:active, .a-main:hover{
    text-decoration: none;
    color: #212529;
}
a{
    text-decoration: none;
}

.book-name{
    background-color: #A07A54;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    letter-spacing: 2px;
}
@media screen and (max-width: 250px) {
    .book-name{
        font-size: small;
    }
}
.img-fluid{
    max-height: 600px;
}

.mini{
    max-height: 400px;
}

.txt-area{
    background-color:#FFEBCD;
    text-decoration: none;
} 
@media screen and (max-width: 350px) {
    textarea{
        width: 50vw;
    }
}