#about {
    max-width: 800px;
    color:white;
    margin-bottom: 2rem;
}

#about article {
    display:flex;
    flex-direction:column;
    padding:2rem;
    gap:0.5rem;
}

#about #hashtag {
    padding:10px;
    font-size:22px;
    margin:0px auto;
    text-align: center;
}

#about p {
    padding:0.5rem;
    text-align:left;
    font-size:1.2rem;
}

#about .about_links {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:1rem;
    text-align: center;
    margin:0px auto;
}

#about .about_links span {
    color:white;
}

#about div span {
    font-size: 2rem;
    transform: rotate(90deg);
}

#about .about_links h3 {
    font-size: 1.5rem;
}

#about h5 {
    padding-bottom: 40px;
}

#about article:first-of-type {
    background-color: #a81d08;
    background:darkred;
    color:white;
    background: linear-gradient(270deg, #a81d08, #d39926);
    background-size: 400% 400%;
    background-color: #a81d08;

}

#producer {
    background-color: #a81d08;
    background:transparent;
}

#engineer {
    background-color: #d39926;
    background-color: transparent;
}

#about article:nth-of-type(2) {
    background: #4b8c74;
    background: linear-gradient(270deg, #4b8c74, #8942f4);
    background-size: 400% 400%;
}

#graphic  {
    background-color: #4b8c74;
    background-color: transparent;
}
#mograph  {
    background-color: #8942f4;
    background-color: transparent;
}

#about article:nth-of-type(3) {
    background: #3e5477;
    background: linear-gradient(270deg, #3e5477, #b7b787);
    background-size: 400% 400%;
}
#software {
    background-color: #3e5477;
    background:transparent;
}
#web  {
    background-color: #b7b787;
    background:transparent;
}

#about article:nth-of-type(4) {
    background: black;
}