@charset "UTF-8";

body {
  background-color: #FAF9F6;
  margin:0;
  padding: 0;
  font-family: "acumin-pro", sans-serif;
  -webkit-animation: fadein 2.5s; /* Safari, Chrome and Opera > 12.1 */
      -moz-animation: fadein 2.5s; /* Firefox < 16 */
       -ms-animation: fadein 2.5s; /* Internet Explorer */
        -o-animation: fadein 2.5s; /* Opera < 12.1 */
           animation: fadein 2.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }

}

h1{
font-size: 5em;
line-height : 1;
font-weight: 400;
padding-top: 40px;
margin: 8px;
margin-left: 16px;
cursor: default;
}

h2{
font-size: 1.6em;
line-height : 1;
font-weight: 400;
padding-left: 34px;
padding-right: 34px;
}

p{
font-size: 1.4em;
line-height : 1;
font-weight: 400;
padding-left: 34px;
padding-top: 20px;
padding-bottom: 50px;
}

.video {
  padding-left: 34px;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
}
.grid-item {
  padding: 20px;
  font-size: 24px;
}