html, body {
    margin: 0;
    padding: 0;
}

body::-webkit-scrollbar {
    display: none;
}

body {
  width: 100vw;
  height: 180vh;
  
  scrollbar-width: none;
  -ms-overflow-style: none;
  
    /* Base gradient for background */
    background-image:
        linear-gradient(to right, rgba(128,128,128,0.07) 1px, transparent 1px), /* vertical grid lines */
        linear-gradient(to bottom, rgba(128,128,128,0.07) 1px, transparent 1px), /* horizontal grid lines */
        linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%); /* underlying gradient */
    background-size:
        32px 32px, /* grid spacing for vertical lines */
        32px 32px, /* grid spacing for horizontal lines */
        cover;
    background-position:
        0 0,
        0 0,
        center center;
    min-height: 100vh;
    margin: 0;
  
}

.content {
    margin: auto;
    padding: 0;
    display: flex;
    width: 70vw;
    height: 180vh;
    background-color: rgba(140,40,60,0.2);
}