body {
    background: linear-gradient(to bottom, #fae4f5, #fff2fc, #ffc3f0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: rgb(0, 0, 0);
    text-align: left;
    padding: 40px;
}
a {
    display: inline-block;
    font-size: 22px;
    color: #060808;
    text-decoration: none;
    margin-top: 20px;
    width:auto;
}

a {
  background: 
    linear-gradient(to right, rgb(195, 252, 252), rgb(255, 182, 245)),
    linear-gradient(to right, rgba(255, 0, 0, 1), rgba(255, 0, 180, 1), rgba(0, 100, 200, 1));
  background-size: 100% 0.1em, 0 0.1em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
  padding-bottom: 2px;
}

a:hover,
a:focus {
  background-size: 0 0.1em, 100% 0.1em;
  font-weight: bold;
}
p {
    margin-top: 5px;
    margin-bottom: 20px;
}
.big {
    font-size: 35px;
    margin-top: 55px;
    font-weight: bold;
    font-style: oblique;
    color: #2d3b41;
}
.container {
    margin-left: 20px;
}
.small p {
    font-size: 16px;
    color: #313131;
}
.icon {
    width: 20px;
    vertical-align: middle;
    margin-right: 8px;
}