body {
    zoom: 1.0;
    padding: 0;
    margin: 0;
    font-family: Arial sans-serif;
}

div#main_wrap {
    position: fixed;
    width:100%;
    height:100%;
    background-image: linear-gradient(rgb(130, 228, 255), rgb(242, 252, 255), rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255));
    margin:0;
    padding: 0;
    top:0;
    /*background: rgb(15, 46, 85);*/
    /*background-image: url("px/shoposcope_background.jpg");*/
    /*background-position: top;*/
    /*background-repeat: no-repeat;*/
    /*border: 4px red dashed;*/
}

div#main_wrap div#header {
    /*position: fixed;*/
    top:0px;

    position: relative;
    height: 100%;

    /*width:828px;*/
    /*left:calc(50% - 414px);*/

    width:50%;
    left: 25%;
}

div#main_wrap div#header div#logo {
    /*background-image: linear-gradient(rgb(242, 252, 255), rgb(130, 228, 255));*/
    /*position: absolute;*/
    z-index: 100;
    height: 280px;
    max-width: 600px;
    margin: auto;
    margin-top:15px;
    /*background-image: url("px/shoposcope_logo.svg");*/
    /*background-position: top;*/
    /*background-repeat: no-repeat;*/
}
 div#hamburger {
    position: absolute;
    top:20px;
    left: 20px;
    width: 80px;
    height: 80px;
    z-index: 110;
    /*border: 1px dashed blue;*/
}
 div#account {
    position: absolute;
    top:20px;
    right:20px;
    width: 80px;
    height: 80px;
    z-index: 110;
    /*border: 1px dashed green;*/
}
 div#shopping_buggy {
    position: absolute;
    top:20px;
    right:150px;
    height: 80px;
    width: 80px;
    z-index: 110;
    /*border: 1px dashed red;*/
}
 div#wave {
    position: absolute;
    top:105px;
    left:0;
    padding: 0;
    margin: 0;
    width:100%;
    z-index: 101;
    height: 82px;
    /*border:3px dashed orange;*/
    background-image: url("px/shoposcope_wave.svg");
    background-position: top;
    background-repeat: repeat-x;
    background-position: 1px 0px;
}
div#main_wrap div#underwater {
    background-image: linear-gradient(rgb(45, 210, 255), rgb(15, 46, 85));
    position: absolute;
    top:170px;
    left:0;
    width:100%;
    z-index: 109;
    /*height: auto;*/
    height: calc(100% - 170px);
    overflow: hidden;
    /*border: 2px dashed red;*/
}

div#search_shoposcope {
    z-index: 110;
    width:90%;
    margin: auto;
    margin-top:0;
    /*margin-top:40px;*/
    height: 510px;
    /*padding: 10px;*/
    /*border: 1px grey solid;*/
    /*background:rgba(255,255,255,0.5);*/
}

div#search_shoposcope input {
    width: 100%;
    height: 60px;
    margin: auto;
    padding: 10px;
    text-align: center;
    font-size: x-large;
    border-radius: 40px;
    border: none;
    font-family: sans-serif;
}

div#nav_btns button {
    width:20%;
    margin:2.25%;
    margin-top: 25px;
    height: 60px;
    border: none;
    border-radius:40px;
}

div#underwater div#items {
    position: absolute;
    top:190px;
    margin: 0;
    padding: 15px;
    width: 100%;
    /*border:1px dashed yellow;*/
    height: 90%;
    overflow: scroll;
}

div#items div.item {
    /*border: 1px dashed cyan;*/
    float: left;
    margin: 10px;
    text-align: center;
}