@font-face {
    font-family: "San Francisco";
    font-weight: 400;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}

body {
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 10%;
}

h1 {
    font-family: 'San Francisco';
    font-size: 30px;
    font-style: italic;
    font-weight: 10;
}

h2 {
    font-family: 'San Francisco';
    font-size: 40px;
}

p {
    font-family: 'San Francisco';
    font-size: 20px;
    color: #363737;
}

.divider {
    margin-bottom: 70px;
}

.smalldivider {
    margin-bottom: 40px;
}

.megadivider {
    margin-bottom: 100px;
}

.typewriter-js {
    font-family: sans-serif;
    font-size: 70px;
    border-right: 6px solid #000;
    padding-right: 3px;
    animation: blink 0.75s step-end infinite;
    text-decoration: line-through;
    text-decoration-color: red;
    text-decoration-thickness: 6px;
    font-weight: bold;
}

@keyframes blink {
    from,
    to {
        border-color: transparent;
    }

    50% {
        border-color: #000;
    }
}