style.css

@charset "UTF-8";

* {
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

html, body {
    background: url(back-pc.jpg) no-repeat center center fixed;
    background-size: cover;
}

header {
    background-image: linear-gradient(to right, #481152, #ff0ac9);
    color: white;
    box-shadow: 2px 2px 5px black;
}

header > h1 {
    padding: 10px;
    text-align: center;
}

i#burguer {
    background-color: #481152;
    display: block;
    text-align: center;
    color: white;
    padding: 10px;
    cursor: pointer;
} 

i#burguer:hover {
    background-color: #ff0ac9;
    color: black;
    border: 1px solid rgba(255, 255, 255, 0.267);
}

menu {
    display: none;
}

menu > ul {
    list-style-type: none;
} 

menu > ul > li > a {
    display: block;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    background-color: palevioletred;
    color: white;
    border-top: 1px solid pink;
}

menu > ul > li > a:hover {
    background-image: linear-gradient(to right, #481152, #ff0ac9);
}

main {
    width: 90vw;
    background-color: pink;
    margin: auto;
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
}

article > h2 {
    padding-bottom: 10px;
    text-align: center;
}

article > p {
    text-align: justify;
    padding-bottom: 20px;
    text-indent: 10px;
}