:root {
    --quorange: #FF3E01;
    --qumagenta: #E41B52;
    --qured: #D90A35;
    --qublack: #454545;
}

*{
    font-family: "Roboto";
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

a, a:hover, a:visited, a:active {
    color: inherit;
    text-decoration: none;
   }

h1 {
    color: var(--quorange);
}

h2 {
    color: var(--quorange);
    font-size: 28px;
}

h3 {
    color: var(--quorange);
}

p {
    color: #454545;
}
li {
    list-style-type: none;
    color: var(--qublack);
}

.articlecontainer{
    display: flexbox;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    text-align: start;
    width: clamp(300px, 50%, 600px);
}

.articlecontainer img {
    width: 100%;
    border-radius: 20px;
    margin-top: 120px;
    margin-bottom: 50px;
}

.title {
    padding-top: 100px;
}