style3.css

div{
  border-radius: 7px;
  font-family: "Verdana", Sans-serif;
  margin-bottom: 5px;
  text-align: center;
}

.tasks{
  background-color: ghostWhite;
  height: 1300px;
}

.options{
  height: 100px;
  background-color: gainsboro;
}

.information{
  height: 240px;
  background-color: lightGreen;
}

.taskinformation1{
  border-radius: 15px;
  height: 170px;
  width: 300px;
  background-color: pink;
}

.taskinformation2{
  border-radius: 15px;
  height: 170px;
  width: 300px;
  background-color: pink;
}

.taskinformation3{
  border-radius: 15px;
  height: 190px;
  width: 350px;
  background-color: pink;
}
  
img{
  border-radius: 20px;
  height: 200px;
  width: 200px;
}

button{
  border: none;
  border-radius: 5px;
  font-size: 17px;
  height: 40px;
  widtht: 70px;
  margin: 20px 15px 15px 0;
}

.label{
  font-size: 40px;
  margin-top: 3px;
}

.dark{
  background-color: lightSteelBlue;
}

.light{
  background-color: ghostWhite;
}

.ninja{
  background-color: darkGray;
}