HTMLify
stylec.css
Views: 17 | Author: dakshbadal1379
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: black;
font-family: "Poppins", sans-serif;
display: flex;
justify-content: center;
align-items: center;
margin-top: 60px;
}
.main-calc-container {
height: 400px;
border-radius: 23px;
width: 320px;
background-color: white;
border: 3px solid black;
}
.display-part-res {
background-color: rgb(231, 221, 221);
height: 15%;
width: 100%;
border-radius: 23px;
box-shadow: 3px 7px 5px 0px rgba(124,116,116,0.53);
-webkit-box-shadow: 3px 7px 5px 0px rgba(124,116,116,0.53);
-moz-box-shadow: 3px 7px 5px 0px rgba(124,116,116,0.53);
}
.button-sec-part {
margin-top: 10px;
background-color: antiquewhite;
height: 82%;
border-radius: 23px;
border-radius: 23px;
margin-top: 20px;
}
.first-column {
background-color: antiquewhite;
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
height: 60px;
}
#first button{
width: 50px;
height: 50px;
background-color: white;
border: none;
border-radius: 50%;
font-weight: 900;
font-size: 1rem;
}
.second-column {
background-color: antiquewhite;
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
height: 60px;
}
#second button{
width: 50px;
height: 50px;
background-color: white;
border: none;
border-radius: 50%;
font-weight: 900;
font-size: 1rem;
}
.third-column {
background-color: antiquewhite;
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
height: 60px;
}
#third button{
width: 50px;
height: 50px;
background-color: white;
border: none;
border-radius: 50%;
font-weight: 900;
font-size: 1rem;
}
.fourth-column {
background-color: antiquewhite;
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
height: 60px;
}
#fouth button{
width: 50px;
height: 50px;
background-color: white;
border: none;
border-radius: 50%;
font-weight: 900;
font-size: 1rem;
}
.fifth-column {
background-color: antiquewhite;
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
height: 60px;
}
#fifth button{
width: 50px;
height: 50px;
background-color: white;
border: none;
border-radius: 50%;
font-weight: 900;
font-size: 1rem;
}