header {
    background-color: rgb(0, 0, 0);
    padding: 2em;
    font-family: Arial, Helvetica, sans-serif;
    
}

h2.home{
    color: violet;
}
h1.about{
    color: violet;
}
h1.cv{
    color: violet;
}
h1.port{
  color: violet; 
}
h1.contact{
    color: violet;
}

main {
    color: rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    background-color: violet;
    padding: 2em;

    display: grid;
    grid-template-columns: 1fr;

    text-align: center;
 
}

footer {
    
    font-family: Arial, Helvetica, sans-serif;
    background-color: plum;
    padding: 2em;
    color: rgb(0, 0, 0);
}

nav a {
    color: violet;
    font-family: Arial, Helvetica, sans-serif;
    background-color: violet;
    padding: 0.5em;
    color: rgb(29, 9, 48);
}

nav a:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: violet;
    background-color: rgb(0, 0, 0);
}


@media (max-width: 800px) {
    main {
        grid-template-columns: 1fr;
    }
}

h2.red{
    color: red;
}