* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --white: #ffffff;
    --gray-100: #e1e1e6;
    --gray-300: #a8a8b3;
    --gray-700: #323238;
    --gray-800: #29292e;
    --gray-850: #1f2729;
    --gray-900: #121214;
    --cyan-500: #61dafb;
    --green-900: #9BF00B;
}

@media (max-width: 1080px) {
    html {
        font-size: 93.75%;
    }
}

@media (max-width: 720px) {
    html {
        font-size: 87.5%;
    }
}

body {
    background: #121214 !important;
    color: #ffffff !important;
}

body, input, textarea, select, button {
    font: 400 1rem "Roboto", sans-serif;
}

button {
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: none;
}

blockquote.twitter-tweet {
    background: #ffffff;
    color: #524f4f;
    padding: 2px 40px 30px 40px;
    border-radius: 0.5rem;
    position: relative;
}

    blockquote.twitter-tweet:before {
        content: 'Twitter';
        background: #7db5fb;
        color: #fff;
        padding: 2px 8px;
        border-radius: 0.2rem;
        position: absolute;
        top: -15px;
        left: -30px;
    }

.adsbygoogle {
    display: block;
    max-width: 720px;
    margin: 5rem auto 0 auto;
}

@media (max-width: 900px) {
    blockquote.twitter-tweet:before {
        left: calc(50% - 32px);
    }
}