/*Base CSS file for the pizza place portfolio page*/

nav {
    background-color: green;
    margin-left: 25%;
    border: 2px solid;
}

td{
    border-bottom: 1px dotted;
    padding: 3px;
}

summary{
    list-style-type: none;
    margin-left: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
}

#menu{
    margin-left: 25%;   
}

aside{
   background-color: crimson;
   margin-left: 25%;
   border: 2px solid; 
}

address {
    text-align: center;
}

#menu h1{
    text-shadow: gray 2px 2px;
}

#custFeedback{
    width: 30em;
    margin-left: 33%;
}

textarea{
    height: 5em;
    width: 30em;
}

#feedback{
    align-items: top;
}

#portfolio{
    color:yellow;
}

@media screen and (width > 600px){
    nav {
    grid-column: 1;
}

#menu{
    grid-column: 2;
    margin-left: 5em;
}

summary:hover{
    background-color: coral;

}
aside{
   grid-column: 3;
}

#disp{
    display: grid;
    grid-template-columns: 20em 1fr 20em ;
}

}