styles.css

body {
    background-color: lightgrey;
    margin: 0;
    padding: 0;
}

.container {
    display: grid;
    grid-template-rows: auto auto auto auto;
    margin: auto;
    margin-top: 50px;
    box-shadow:
    0 2.8px 2.2px rgba(0, 0, 0, 0.034),
    0 6.7px 5.3px rgba(0, 0, 0, 0.048),
    0 12.5px 10px rgba(0, 0, 0, 0.06),
    0 22.3px 17.9px rgba(0, 0, 0, 0.072),
    0 41.8px 33.4px rgba(0, 0, 0, 0.086),
    0 100px 80px rgba(0, 0, 0, 0.12);

    min-height: 200px;
    width: 85vw;
    background: white;
    border-radius: 5px;
    overflow: hidden;
  }

.row {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.blue h1 {
    color: #ffffff;
    font-size: 3em;
    text-shadow: 2px 2px #000000;
    margin: 2px;
    justify-content: space-around;
    text-align: center;
}

.blue {
    background-color: #0078d4;
}

.dark-grey {
    background-color: #333333;
    padding: 0px !important;
}

.white {
    background-color: white;
}

/* This media query removes the margin in a mobile view */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
    .container {
        margin: 0;
        width: auto;
    }
    .row{
        width: auto;
    }
}