Site-Proximo/src/css/Components/articledetails.css

#bulle{
    background-color: rgba(105, 105, 105, 0.28);
    border-radius: 30px;
    width:200px;
    height:200px;
    margin-top:30px;
    margin-right:15px;
    margin-left:15px;
    display:flex;
    flex-direction: column;
}

#line{
    background-color: rgba(105, 105, 105, 0.28);
    border-radius: 50px;
    width:800px;
    height:80px;
    margin-top:30px;
    margin-right:15px;
    margin-left:15px;
    display:flex;
    flex-direction: row;
    font-family: 'Wellfleet', cursive;
}

#bulleSelect{
    background-color: rgba(255, 255, 255, 0.719);
    border-radius: 30px;
    width:200px;
    height:200px;
    margin-top:30px;
    margin-right:15px;
    margin-left:15px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    #imageordescblock{
        width:100%;
        height:145px;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #imgLine{
        display:flex;
        flex:1;
        justify-content: center;
        align-items: center;
    }

    #nameLine{
        display:flex;
        flex:2;
        justify-content: left;
        align-items: center;
        color:white;
        font-size:30px;
    }

    #priceLine{
        display:flex;
        flex:3;
        justify-content: center;
        align-items: center;
        color:#057B26;
        font-size:30px;
    }

    #quantityLine{
        display:flex;
        flex:1.8;
        justify-content: center;
        align-items: center;
    }

    #quantityLineBox{
            background-color: white;
            border-radius: 10px;
            margin-left:15px;
            margin-right:15px;
            padding-left:5%;
            padding-right:5%;
            padding-top:1%;
            padding-bottom:1%;
            font-size:25px;
            color:black;
    }
    

        #icons{
            flex:1;
            display:flex;
            flex-direction: row;
        }

        #bluepen{
            background-color:#0036C1;
            display:flex;
            justify-content: center;
            align-items: center;
            position:relative;
            left:-75px;
            width: 40px;
            height: 40px;
            border-radius:100px;
            cursor: pointer;
        }

        #redcross{
            background-color:#C10000;
            display:flex;
            justify-content: center;
            align-items: center;
            position:relative;
            left:75px;
            width: 40px;
            height: 40px;
            border-radius:100px;
            cursor: pointer;
        }

        #categoryDiv{
            display:flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            #categoryIcon{
                height: 30px;
                width:30px;
                cursor: pointer;
                margin-bottom: 8px;
            }

        #descandprice{
            padding:10px;
            flex:1;
        }

            #desc{
                color:#8F8F8F;
                font-size:15px;
                height:35px;
                display:block;
                margin:auto;
                font-family: 'Wellfleet', cursive;
                text-align:center;
            }

            #price{
                color:#057B26;
                font-size:15px;
                font-family: 'Wellfleet', cursive;
                text-align:center;
                margin-top:5px;
            }
    
        #image{
            height:110px;
            width:auto;
            
        }

        #imageLine{
            height:60px;
            width:auto;
        }

    #name{
            color:white;
            font-size:17.4px;
            font-family: 'Wellfleet', cursive;
            text-align:center;
    }

    #count{
        display:flex;
        flex-direction:row;
        justify-content: center;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        
    }

        #countNumber{
            background-color: white;
            border-radius: 5px;
            display:flex;
            margin-left:15px;
            margin-right:15px;
            padding-left:2%;
            padding-right:2%;
            justify-content: center;
            align-content: center;
        }

            #countNumberTxt{
                margin:0;
                font-size:14px;
                font-family: 'Wellfleet', cursive;
                text-align:center;
            }

    #confirmation{
        flex:1;
        display:flex;
        flex-direction:column;
        align-items:space-between;
        color:white;
    }

        #confirmationTxt{
            flex:1.5;
            text-align:center;
            display: flex;
            align-items: center;
            padding:10%;
            font-family: 'Wellfleet', cursive;
            font-size:18px;
            color:white;
        }

        #choice{
            flex:1;
            display:flex;
            align-items: flex-start;
            font-family: 'Wellfleet', cursive;
        }
            #yes{
                background-color:white;
                padding:5% 10% 5% 10%;
                border-radius: 15px;
                cursor: pointer;
                border: 2px solid black;
                color:black;
            }

            #no{
                background-color: #0036C1;
                padding:5% 10% 5% 10%;
                border-radius: 15px;
                cursor: pointer;
                border: 2px solid black;
                color:white;
            }