body {
    background-color: #000;
    color: #f96800;
    text-align: center;
    font-family: 'CallOfOps';
}

@font-face {
    font-family: 'CallOfOps'; /*a name to be used later*/
    src: url('../font/CallOfOpsDutyII.otf'); /*URL to font*/
}

h1 {
    text-align: center;
    font-size: 10em;
}

h2 {
    text-align: center;
    font-size: 1.75em;
}

.container {
    display: grid;
    /* set height of the container to the viewport height */
    height: 100vh;
    /* to center the grid items both horizontally and vertically */
    place-items: center;
}

.element {
    padding: 10px;
    color: #f96800;
}

.social-button {
    background-color: #f96800;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.social-button:hover {
    background-color: orangered; /* Green */
    color: white;
}

.big-text {
    font-size: 12em;
    padding: 0;
    margin: 0;
}