:root{
    --text-color1: blue;
    --text-color2: black;
    
    --color: #333;
    --color2:white;
    --color3:#494848;

    --font-size1: larger;
    --font-size2: medium;
    --font-size3:x-large;
}



h1{
    color: var(--text-color1);
    font-size: var(--font-size1);
    font-family: 'Times New Roman', Times, serif;
}

h2{
    color: var(--text-color2);
    font-size: var(--font-size2);
    font-family: 'Courier New', Courier, monospace;
}
h3{
    color:var(--text-color2);
    font-size: var(--font-size3);
    font-family: 'Times New Roman', Times, serif;
}

body{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

nav ul li{
    display: inline-block;
}
nav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: var(--color3);
}

nav ul li a{
    background-color: var(--color2);
    display: block;
    padding: 14px 16px;
    text-decoration: none;
    text-align: center;
}

nav ul li a:hover{
    background-color: var(--color3);
}

img{
    display: block; 
    margin-left: auto; margin-right: auto;
    max-width:100%; 
    height:auto;
}

p{font-size: 25px;}