/* CSS Projekt */
body    {
    display: grid;
    grid-template-columns: auto 120px;
    background-color: ghostwhite;
}

header, nav, section, footer
    {
     border: 2px solid slateblue;
}


header   
    {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}


nav   
    {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}


section   
    {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}


footer     
    {
    grid-column: 1 / 3;
    grid-row: 3 / span 1;
}

nav a:hover {
    color: midnightblue;
    background-color: lightcyan;
}

nav a:active {
    color: royaleblue;
    background-color: azure;
    border: 5px solid white;
}

nav a { 
    font-family: Arial, sans-serif;
    color: indigo;
    background-color: levender;
    display: inline-block;
    text-decoration: none;
    border: 5px solid lightsteelblue;
    padding: 2px 10px;
    width: 82px;
    margin: 2px;
    }
    
header, footer {
    font-family: Arial, sans-serif;
    color: midnightblue;
    background-color: levender;
    text-align: center;
}

section {
    font-family: Arial, sans-serif;
    color: darkslategray;
    background-color: levender;
    padding: 30px;
}

nav {
    font-family: Arial, sans-serif;
    color: darkslategray;
    background-color: levender;
        text-align: center;
}

footer {
    font-family: Arial, sans-serif;
    color: darkslategray;
    background-color: levender;
    text-align: center;
    padding: 20px 20px;
}

img {
            height: auto;
            border-radius: 10px;
            margin: 25px auto;
            object-fit: cover;
            width: 250px;
            height: 250px;
        }