/*

 Author: greanlee pike

 Date: 11/13/24

 File Name: styles.css

 this is for my main index

 */

 

 * {

    margin: 0;

    padding: 0;

    border: 0;

}



img {

    max-width: 100%;

    display:block;

    margin: 10px;

}

header {

    text-align:center;

    padding: 1%;

    border: none;

    font-family: "Comic Sans MS", "Comic Sans";

    font-weight: bold;

}

    header h1 {

        font-size: 2em;

    }

nav {

    float: right;



}

nav ul {

    text-align: right;

    font-size: 1em;

}

nav li {

    list-style: none;

    display: inline-block;

}

nav li a {

    display: inline-block;

    color: #000;

    padding: 0.5em 1em;

    text-decoration: none;

}

main {

    font-family: "Comic Sans MS", "Comic Sans";
    padding: 5%;
}


.grid {

    display: grid;

    grid-template-columns: 2 / span 3 ;

    grid-gap: 20px;


}

.grid img {
	
	max-width: 700px;
}

.map {

    padding: 5%;

}