* { margin: 0; padding: 0; border:0; box-sizing: border-box; }
body { background-color: rgb(1, 96, 96); }
h1 { margin: 2vh; 
    height: 6vh; font-size: 4vh; color: #FFF; 
    font-family: verdana; font-style: italic; 
    font-weight: lighter; text-align: center; }
.gridMenu { margin: 0 2vh; display: grid; gap: 1vw; 
    min-height: 88vh; max-height: fit-content; 
    grid-template: auto / 1fr .75fr 3fr; }
.gridMenu div { border: 2px solid grey; }
.menu1 { grid-row: 1/4; grid-column: 1/2; }
.menu2 { grid-row: 1/2; grid-column: 2/4; }
.menu3 { grid-row: 2/4; grid-column: 2/3; }
.menu4 { grid-row: 2/3; grid-column: 3/4; }
.menu5 { grid-row: 3/4; grid-column: 3/4; }
/* ------- .menu1 vert1 nav section -------*/
.menu1 { background-color: rgb(244, 220, 247); }
#vert1 { margin: 1vw; list-style-type: none; padding: 2vw 0; }
#vert1 li { transition: all 300ms ease-in-out; 
    padding-top: 3vh; font-stretch: ultra-expanded; }
#vert1 a { text-decoration-line: none; font-size: 2vw; 
    font-family: arial; color:rgb(73, 25, 114);
    text-shadow: .25vw .25vw .25vw black; }
#vert1 li:nth-child(3), #horiz1 li:nth-child(7) { 
    padding-top: 5vh; }
#vert1 a:hover { font-size: 2.5vw;  color: green; }
/* ------- .menu2 horiz1 nav section -------*/
.menu2 { background-image: linear-gradient(120deg, rgb(187, 189, 249), rgb(5, 9, 126)); }
#horiz1 { display: flex; 
    justify-content: space-evenly;  
    list-style-type: none; padding: 2vw 0; }
#horiz1 li { width: 13%; height: 16vh; flex-direction: row; 
    padding-top: 2vh; 
    border: 2px solid rgb(22, 3, 52); 
    transition: all 250ms ease-in-out; text-align: center; 
    background-color: blanchedalmond; border-radius: 8px; }
#horiz1 a { color:rgb(13, 39, 188); text-decoration-line: none; font-size: 2.5vw;
    font-style: oblique; font-weight: bold; }
#horiz1 li:nth-child(3), #horiz1 li:nth-child(7) { 
    padding-top: 5vh; }
#horiz1 li:nth-child(7) { background-color:rgb(252, 208, 60)}
#horiz1 a:hover { color: rgb(224, 144, 5); }
/* ------- .menu3 vert2 nav section -------*/
.menu3 { background-image: url(/images/22.12.05bubbles.jpg);
    background-size: cover; background-position: center; 
    padding: 5vw 1vw; position: relative; }
#vert2 {  }
#vert2 li { list-style: none; }
#face, #body, #hair, #gifts { font-family: Georgia;
    font-style: italic; font-size: 3vw; font-weight: bold; 
    color:rgb(5, 36, 159);
     text-decoration-line: none; 
    border: 6px double rgb(107, 169, 240); 
    transition: all 250ms ease-in-out; 
    text-align: center; padding: 7vh 3vh; 
    background-color: rgba(246, 244, 241, .4); border-radius: 50%; }
#face { position: absolute; top: 5.9%; left: 6.25%; }
#body { position: absolute; top: 28%; left: 15%; }
#hair { position: absolute; top: 53%; left: 3%; }
#gifts { position: absolute; top: 75%; left: 10%; }
#vert2 li:hover { border: 3px groove rgba(29, 218, 247, 0.7); }
#face:hover, #body:hover, #hair:hover, #gifts:hover { background-color: rgba(29, 218, 247, 0.7); }
/* ------- .menu4 grid child section -------*/
.gridAgeSale { display: grid; gap: 1vw; 
    grid-template: repeat(2, 1fr)/ repeat(3, 1fr);
    background-color: white; padding: 1vw;  }
.gridAgeSale div { font-family: verdana; font-weight: bold; 
    text-align: center; padding: 32vh 0 2vh 0;
    background-size: cover; background-position: center; }
.gridAgeSale a { text-decoration: none; font-size: 2.75vw; 
    color:rgb(2, 114, 114); 
    text-shadow: .25vw .25vw .25vw white; }
.gridAgeSale a:hover { text-decoration: none; color:black;  
    text-shadow: .25vw .25vw .25vw rgb(252, 208, 60); }
.age0-2 {  
    background-image: url(/images/22.12.05agePhotos0-2.jpg); }
.category { 
    background-color: yellow; position: relative; }
.category p /* "Shop by Age" */ { font-size: 4.5vw; 
    color:rgb(8, 156, 156); 
    padding: 0 2vw; text-shadow: .25vw .25vw .25vw black; 
    position: absolute; top: 5%; bottom: 10%; }
.age3-4 { 
    background-image: url(/images/22.12.05agePhotos3-4.jpg); }
.age5-7 {  
    background-image: url(/images/22.12.05agePhotos5-7.jpg); }
.age8-9 { 
    background-image: url(/images/22.12.05agePhotos8-10.jpg);}
.age10 { background-image: url(/images/22.12.05agePhotos10+.jpg); }
/* ------- .menu5 horiz2 sales tag section -------*/
.menu5 { background-color: white;   
 display: flex; justify-content: space-evenly;     
    padding: 2vw 0; }
.menu5 a { width: 20%; height: 17vh; flex-direction: row; 
    transition: all 500ms ease-in-out; 
    background-size: cover; background-position: center;}
.menu5 a:nth-child(1) { 
    background-image: url(/images/22.12.05under15.jpg);  }
.menu5 a:nth-child(2) { 
    background-image: url(/images/22.12.05under25.jpg);  }
.menu5 a:nth-child(3) { 
    background-image: url(/images/22.12.05under50.jpg); }
.menu5 a:nth-child(4) { 
    background-image: url(/images/22.12.05under100.jpg);  }
.menu5 a:hover { width: 22%; 
    transform: translateX (10%) translateY (10%) 
    rotate(20deg); }