body {
    margin: 2.5%;
    margin-top: 6%;
    background: linear-gradient(to bottom, #CFEDFF 80%, #FF00BF)
}

footer {
    width: 80%;
    margin-top: 10rem;
}

img {
    width: 27rem;
    height: 25rem;
    border-radius: 50%;
}

b {
    font-size: 20px;
}

p {
    margin: 0;
}

ul {
    align-content: center;
    margin: 30px;
}

li{
    font-size: 25px;
}

h2 {
    width: 130vh;
    margin: 5rem;
    margin-left: 0;
}

.title {
    margin: 2.5rem;
    font-size: 5rem;
    text-align: center;

    border-style: solid;
    border-top: black;
    border-left: black;
    border-right: black;
    border-width: 10px;
    border-radius: 22%;
}

.gradient {
    display: grid;
    width: 28rem;
    height: 26rem;
    
    align-items: center;
    justify-content: center;

    background: linear-gradient(to bottom, #FF00BF, #990073);
    border-radius: 50%;
}

.cards {
    margin: 20px;
    margin-left: 0;
    margin-bottom: 90px;
    width: 80rem;
    height: auto;

    border-radius: 20px;
    border: 1px, solid, #C1FF72;
    background: linear-gradient(to bottom, #E4FF4B, #C1FF72 80%);
}

.paragraph {
    width: 50%;
    height: 5rem;
    align-content: center;

    border-radius: 0px 20px 20px 20px;
    background: rgba(92, 225, 230, 0.6);
}

.paragraph-heading {
    margin-left: 3rem;
}

.paragraph-text {
    margin: 10px;
}

.hobby {
    height: 16rem;
}

.blocks {
    min-width: 10px;
    max-width: 15rem;
}