body
{
    padding: 20px;
    background-color: #17191A;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.rcorners1 {
    border-radius: 25px;
    background: #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}

.Button {
    border-radius: 15px;
    background: #8deb0b;
    text-decoration: none;
    padding: 10px;
    width: 100px;
    height: 100px;
}

.HButton{
  position: relative;
  color: #000;
  text-decoration: none;
}
  
.HButton::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  border-radius: 15%;
  background-color: #db1c1c;
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
  
.HButton:hover::before {
  transform: scaleX(1);
}

.HeadButton
{
  border-radius: 10px;
  background-color: #17191A;
  color: #7e7e7e;
  font-weight: bold;
  padding: 20px;
}

.OutlineCard
{
  color: #7e7e7e;
  display: block;
  border-radius: 25px;
  width: 300px;
  height: 200px;
  overflow: hidden;
  background-color: #17191A;
  border: 1px solid rgb(203, 7, 7);
  padding-left: 1%;
}