guitarCenter.css

#navbar {
    display: flex;
    background-color: #b84848;
    width: 1330px;
    height: 50px;
}
.nav {
    height: 50px;
    width: 193px;
    font-size: x-large;
    color: white;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-style: italic;
}

.nav:hover {
    background-color: aqua;
    color: black;
}

#navitems {
    display: none;
    position: absolute; /*just because position absolute was used in nic1 to nic7*/
    z-index: 1; /*Just to have navitemscontent on top of the guitar image*/
    width: 1351px;
    height: 80px;
}

#item1, #item2, #item3, #item4, #item5, #item6, #item7 {
    display: none;
    width: 200px;
    height: 300px;
    background-color: black;
    font-style: italic;
}

#item1 {position: absolute; left: 0px; top: 0px;}
#item2 {position: absolute; left: 193px; top: 0px;}
#item3 {position: absolute; left: 386px; top: 0px;}
#item4 {position: absolute; left: 579px; top: 0px;}
#item5 {position: absolute; left: 772px; top: 0px;}
#item6 {position: absolute; left: 965px; top: 0px;}
#item7 {position: absolute; left: 1158px; top: 0px;}

a {
    display: block;
    font-size: xx-large;
    text-align: center;
    color: white;
    text-decoration: none;
}

.image-data{
    border: 2px solid none;
    margin-top: 10px;
    width: 1400px;
    height: 200px;
}

#gmain {
    
    width: 1351px;
    height: 400px;
    /* border: 2px solid black; */
    margin-top: 25px;
    margin-left: 50px;
}

#gimg {
  
    border: 2px solid none;
    float: left;
}

#ginfo {
    background-color: rgb(165, 230, 230);
    float: left;
    height: 394px;
    width: 700px;
    border: 2px solid none;
    margin-left: 75px;
}

#sinfo, #pinfo, #custr, #price, #sprice, #tprice {
    color: red;
    font-size: xx-large;
}

#sinfodiv, #custrdiv {
    color: brown;
    width: 100%;
    height: 30px;
    font-size: x-large;
    /* border: 2px solid black; */
}

#pinfodiv {
    overflow: auto;
    color: brown;
    width: 100%;
    height: 82px;
    font-size: x-large;
    /* border: 2px solid black; */
}

#btn3 { 
    
    background-color: cadetblue;
    font-size: xx-large; 
    color: blue;
    width: 100px;
    margin-left: 25px; 
}

#tprice {
    margin-left: 50px;
    margin-top: 50px;
    display: inline-block;
}