@font-face { 
  font-family: 'SpaceGrotesk';
  font-style: normal;
  font-weight: 400;
  src: url('space-grotesk-v22-latin-regular.woff2') format('woff2'); 
}


@font-face { 
  font-family: 'Raleway';
  font-style: normal;
  font-weight: normal;
  src: url('raleway-v37-latin-regular.woff2') format('woff2'); 
}


.title {
    color: green;
}

h2 {
    color: #000000;
    font-family: SpaceGrotesk;
    font-size: 40px;
    line-height: 1.2;
    margin-top: 63px;
    margin-bottom: -15px;
    /*background-color: #000000;
    text-align: center;*/
}

body {
    font-family: Raleway;
    background-color: rgba(138, 205, 223, 0.4);
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    font-size: 20px;
    line-height: 1.6;
}

time {
    /*font-style: italic;*/
    font-family: SpaceGrotesk;
    letter-spacing: 0.4em;
    font-size: x-small;
    background-color: aliceblue;
    color: #ff0000;
}

h1 {
    text-align: center;
    font-size: 70px;
    font-family: SpaceGrotesk;
    color: #ff0000;
    line-height: 0.9;
    margin-bottom: 63px;
    /*text-transform: uppercase;*/

}

h3 {
    text-align: center;
    font-family: SpaceGrotesk;
    color: #000000;
    /*text-transform: uppercase;*/
    font-size: 20px;
    margin-top: -44px;
    margin-bottom: 88px;
    background-color: aliceblue;
    margin-left: 90px;
    margin-right: 90px;
    
}