@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter_18pt-Regular.ttf') format('truetype'), roboto, sans-serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'InterItalic';
    src: url('fonts/Inter_18pt-Italic.ttf') format('truetype'), roboto, sans-serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'InterBlack';
    src: url('fonts/Inter_18pt-Black.ttf') format('truetype'), roboto, sans-serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'InterBold';
    src: url('fonts/Inter_18pt-Bold.ttf') format('truetype'), roboto, sans-serif;
    font-weight: normal;
    font-style: normal;
}

body {
    
    background: linear-gradient(#f2f8ff 0% 0,5%, white 60%, #d6eaff);
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10em;
    font-size: 15px;
    font-family: roboto, sans-serif; 
    color:#000000
}

h1{
    text-align-last: left;
    margin-bottom: 3em;
    margin-top: 2em;
    font-size: 45px;
    font-family: 'InterBlack';
    color: #002371;
}

h2{
    margin-top: 3em;
    margin-bottom: 3px;
    font-size: 35px;
    font-family: 'InterBold';
    color: #002371
}

time{
    margin-bottom: 2em;
    font-family: monospace;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    color: #a613ee;
}


.goal{
    margin-top: 2em;
    margin-bottom: 3em;
    font-family: 'InterItalic';
    font-weight: 600;
    color: #000000;
}

a{
    color: #7e008e;
}

strong{
    color: #000000;
}

ul{
    margin-bottom: 1.5em;
}
p{
    margin-top: -0.4em;
    line-height: 1.3
}