#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; } #imageordescblock{ width:100%; height:145px; display:flex; flex-direction: column; justify-content: center; align-items: center; } #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; } #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; }