body{
    font-family: sans-serif;


    margin: 0;
}

header{
  position: sticky;
  top: 0;
  background-color: grey;
  z-index: 1000;
}

header > .flex{
    padding: 8px;
}

h1{
    margin: 0;
}

.flex{
    display: flex;
}

.justify-around{
    justify-content: space-around;
}

.align{
    align-items: center;
}

.grid{
    display: grid;
  grid-template-columns: 1fr 1fr;
}
footer{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(201, 201, 201);
}


.blog{
    background-color: #999;
    border-radius: 25px;
    border: 2px solid #000000;
    margin: 10px;
}

.blog > h2{
    margin: 10px;
}


.three-d-text{
    text-shadow:  2px, 2px, 0, #000000;
    size: 30rem;
}