body {
    margin: 0%;
    position: relative;
}

h1 {
    margin: 0ch;
}

h2 {
    display: inline-block;
    padding-right: 1rem;
}
.puddleanim {
    width: 100%; 
    height: 200px;
    /* z-index: 3; */
    border: 5px solid white;
    
    
}

.puddleanimpic {
    width: 100%;
    height: 200px;
    object-fit:none;
    
}

.cubeloop {
    width: 20%;
    /* object-fit: none; */
    height: 500px;
    /* object-fit: scale-down; */
    /* position: absolute; */
    float: left;
}

.singlecube {
    height: 500px;
    border-right: 5px solid white;
}

.manycubes {
    width: 100%;
    height: 1000px;
    object-fit: cover;
    
}

.bottom {
    height: 600px;
    width: 100%;
    position: relative;
    border-left: 5px solid white;
    border-right: 5px solid white;
    border-bottom: 5px solid white;
    

}

.desert {
    margin: 0%;
    width: 80%;
    object-fit: cover;
    height: 500px;
    float: right;
    
}

.cubeanddesert {
    width: 100%;
    height: 500px;
    border-left: 5px solid white;
    border-right: 5px solid white;
    border-bottom: 5px solid white;
    /* contain: content; */
    /* position: relative; */
}
.navbar {
    color: rgb(238, 238, 238);
    position:fixed;
    width: 100%;
    display: block;
    height: 150px;
    font-family:"lores-9-narrow";
    font-size: 2rem;
    font-weight: 300;  
    z-index: 1;
}

.company {
    display: inline-block;
    position: absolute;
    top: 45%;
    left: 10%;
}

.subsections {
    display: inline-block;
    position: absolute;
    right: 5%;
    top: 15%;
    text-align: right;
    margin: 0%;
    
}

li {
    list-style-type: none;
    display: inline-block;
    padding: 2rem;
    margin: 0%;
}

a {
    text-decoration: none;
    color: rgb(238, 238, 238);
}

.footerer {
    /* z-index: 5; */
}