header img {
    height: 80px;
    margin-left: 40px;
}
.banner img {
    width:100%
}

body {

padding: 10px;
font-family: sans-serif;
}
main {
    color: white;
}

header {
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    align-items: center;
    box-shadow: 0 0 25px 0 black;
}

header * {
    display: inline;
}

header li {
    margin: 20px;
}

header li a {
    color:white;
    text-decoration: none;
}
.left{
    display:flex;
    float:left;
}
.right{
    display:flex;
    float:right;
}

.inner_div {
    background-color: whitesmoke;
    padding: 15px;
    border: 2px solid black;
    width: 320px;
    height: 320px;
    align-items: center;
    
}


#div1 {
    text-align: center;
}

#wrapper0 {
    background-color: rgb(224, 224, 224);
    height: 90vh;
    display: flex;
    justify-content: space-evenly; /* Change this line */
    align-items: center; /* Add this line */
    flex-wrap: wrap;
    margin: 50px 0 50 0px;
    /*top, right, bottom, left*/
    border-radius: 100px 100px 100px 100px;
    /*top-left, top-right corner, bottom-right, bottom-left corner*/
}
#wrapper1 {
    background-color: rgb(224, 224, 224);
    height: 120vh;
    
    display: flex;
    justify-content: center; /* Change this line */
    align-items: center; /* Add this line */
    flex-wrap: wrap;
    margin: 50px 0 50 0px;
    /*top, right, bottom, left*/
    border-radius: 100px 100px 100px 100px;
    /*top-left, top-right corner, bottom-right, bottom-left corner*/
}

#wrapper {
    background-color: rgb(224, 224, 224);
    height: 55vh;
    display: flex;
    justify-content: space-evenly; /* Change this line */
    align-items: center; /* Add this line */
    flex-wrap: wrap;
    margin: 50px 0 50 0px;
    border-radius: 100px 100px 100px 100px;
    /*top-left, top-right corner, bottom-right, bottom-left corner*/
}

.footer {
    
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #525253;
    color: white;
    text-align: center;
 }

 
 
.container {
    display:flex;
    max-width: 1000px;
    height: 650px;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

* {
    box-sizing: border-box;
  }


model-viewer {
    width: 100%;
    height: 100%;
    outline: none;
    background-color: rgb(12, 12, 12);
}

#model {
    height: 75%;
    width: 130%;
    text-align: center;
    align-items: center;
}


/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column, input[type=submit] {
      width: 100%;
      margin-top: 0;
    }
  }