HomeWork/JS 5 Online Homework/Homework #13: redux/style.css

@font-face {
    font-family: kioskFont;
    src: url(/kioskData/KellySlab-Regular.ttf);
}

body {
    display: flex;
    justify-content: center;
    font-family: kioskFont;
}
li{
    list-style: none;
}

.main-conteiner {
    display: flex;
    width: 1080px;
    height: 400px;
    background-color: #DDAD7C;
}

.right-showCase {
    display: flex;
    flex-direction: column;
    width: 310px;
    height: 100%;
}

.center-salesWoman {
    width: 485px;
    height: 100%;
}

.left-buy {
    width: 285px;
    height: 100%;
}

.salesWoman-img {
    width: 465px;
    height: 305px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.salesWoman-text {
    font-size: 26px;
    color: #2D211D;
}

.showCase-product {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 20px;
}

.showCase-place {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

.showCase-product-img {
    width: 65px;
    margin-right: 15px;
}

.showCase-text {
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
}

.showCase-good {
    display: flex;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 150px;
    height: 20px;
    background-color: #FFEFC5;
    border: 0px;
    font-family: kioskFont;
    font-weight: 800;
}

.left-buy {
    display: flex;
    align-items: center;
    font-size: 20px;
}

.left-buy-text {
    margin-bottom: 10px;
}

#buy {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100px;
    height: 40px;
    font-weight: 700;
    font-family: kioskFont;
    background-color: #6C473A;
    color: white;
    border-color: white;
}

.goodsTittle {
    font-size: 16px;
}