@import url('https://fonts.googleapis.com/css?family=Questrial');

/*body {*/
/*    font-family: 'Questrial', sans-serif;*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*}*/
/*header {*/
/*    padding: 2em;*/
/*    margin-top: 0;*/
/*    height: 600px;*/
/*    background-image: url('../images/header-background.jpg');*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
    /* background-attachment: fixed; */
/*    background-color: #222;*/
/*    color: #fff;*/
/*    text-align: center;*/
/*}*/
/*header p {*/
/*    max-width: 600px;*/
/*    padding: 6px 20px;*/
/*    margin: 0 auto;*/
/*}*/
/*header>div {*/
/*    position: relative;*/
/*    height: 50%;*/
/*    top: 30%;*/
/*}*/
/*header #first-heading {*/
/*    width: 150px;*/
/*    height: 150px;*/
/*    margin: 0 auto;*/
/*    border: 3px solid rgb(102, 196, 15);*/
/*    padding: 1.6em;*/
/*    border-radius: 100px;*/
/*    margin-bottom: 50px;*/
/*}*/
/*header h1 {*/
/*    font-weight: 100;*/
/*    height: 100px;*/
/*    position: relative;*/
/*    top: 20px;*/
/*    text-align: center;*/
/*}*/
/*header p {*/
/*    font-size: 21px;*/
/*}*/
/*span {*/
/*    color: rgb(102, 196, 15);*/
/*}*/
/*h2 {*/
/*    width: fit-content;*/
/*    margin: 0 auto;*/
/*}*/
/*.sr-only {*/
/*    position: absolute;*/
/*    left: -10000px;*/
/*    top: auto;*/
/*    width: 1px;*/
/*    height: 1px;*/
/*    overflow: hidden;*/
/*}*/
/* ---------------------------- Projects */

/*.grid-2-col {*/
/*    width: 600px;*/
/*    height: 600px;*/
/*    margin: 4em auto;*/
/*    display: grid;*/
/*    grid-template-columns: 50% 50%;*/
/*    grid-column-gap: 0;*/
/*    grid-row-gap: 0;*/
/*}*/
/*.grid-3-col {*/
/*    width: 900px;*/
/*    margin: 4em auto;*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr 1fr;*/
/*    grid-column-gap: 0;*/
/*    grid-row-gap: 0;*/
/*}*/
/*.project {*/
/*    background-color: #222;*/
/*    color: #fff;*/
/*    padding: 2em;*/
/*    transition: background-color 0.6s;*/
/*    outline: solid 3px black;*/
/*}*/
/*.project:first-of-type {*/
/*    background-color: #fff;*/
/*    color: #222;*/
    /* border: 3px solid rgb(102, 196, 15); */
/*    outline: solid 3px rgb(102, 196, 15);*/
/*}*/
/*.project:first-of-type:hover {*/
/*    background: #fff;*/
/*}*/
/*.project:first-of-type h2 {*/
/*    font-size: 38px;*/
/*    height: 50px;*/
/*    position: relative;*/
    /* top: 60px; */
/*    top: 10px;*/
    /* left: 10px; */
    /* text-align: center; */
/*    padding: 0;*/
/*}*/
/*.project:nth-of-type(2) {*/
/*    border-bottom: 1px solid #000;*/
/*}*/
/*.project:nth-of-type(3) {*/
/*    border-right: 1px solid #000;*/
/*}*/
/*.project:hover {*/
/*    background-color: rgb(102, 196, 15);*/
/*}*/
/*.project a {*/
/*    color: #eee;*/
/*}*/
/*.project a:hover {*/
/*    color: #000;*/
/*}*/
/*.project a:hover::after {*/
/*    content: ' >';*/
/*}*/

/* ------------------------ skills */
/*section#skills {*/
/*    text-align: center;*/
/*    margin-top: 100px;*/
/*    background-color: #222;*/
/*    color: #fff;*/
/*    padding: 3em;*/

/*    height: 300px;*/
/*    background-image: url('../images/leaves.jpeg');*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-attachment: fixed;*/
/*}*/
/*.grid-4-col {*/
/*    max-width: 800px;*/
/*    margin: 4em auto;*/
/*    display: grid;*/
/*    grid-template-columns: 25% 25% 25% 25%;*/
/*    grid-row-gap: 1.4em;*/
/*}*/
/*ul {*/
/*    list-style: none;*/
/*}*/
/* ----------------------------- contact */
/*section#contact {*/
/*    width: 40%;*/
/*    margin: 100px auto;*/
/*    text-align: center;*/
/*}*/
/*form {*/
/*    background: #eee;*/
/*    padding: 2em;*/
/*    max-width: 400px;*/
/*    margin: 0 auto;*/
/*    border-radius: 5px;*/
/*}*/
/*input, textarea {*/
/*    margin-top: 2em;*/
/*    border-radius: 5px;*/
/*    outline: none;*/
/*    border: 1px solid #666;*/
/*    padding: 0.4em; */
/*    width: 80%;*/
/*}*/
/*input:first-of-type {*/
/*    margin-top: 0;*/
/*}*/
/*input:focus, textarea:focus {*/
/*    border: 1px solid rgb(102, 196, 15);*/
/*}*/
/*button {*/
/*    margin-top: 2em;*/
/*    border: 1px solid #666;*/
/*    border-radius: 5px;*/
/*    padding: 10px 8px 8px 8px;*/
/*    width: 200px;*/
/*    background-color: rgb(245, 241, 241);*/
/*    transition: all 0.2s;*/
/*}*/
/*button:hover {*/
/*    cursor: pointer;*/
/*    background-color: #fff;*/
/*    border: 1px solid rgb(102, 196, 15);*/
/*    color: #666;*/
/*}*/
/*span.email {*/
/*    color: #222;*/
/*    font-weight: 600;*/
/*}*/
/* ----------------------- footer */
/*footer {*/
/*    background: #111;*/
/*    color: #fff;*/
/*    padding: 2em;*/
/*    text-align: center;*/
/*}*/
/*ul#social {*/
/*    padding-left: 0;*/
/*}*/
/*ul#social li{*/
/*    display: inline;*/
/*    margin: 0.4em;*/
/*    font-size: 18px;*/
/*}*/
/*ul#social li a {*/
/*    color: #fff;*/
/*    transition: color 0.2s;*/
/*}*/
/*ul#social li a:hover {*/
/*    color: rgb(102, 196, 15);*/
/*}*/
/*span#year {*/
/*    color: unset;*/
/*}*/
/* responsive media queries */
/*@media only screen and (max-width: 820px) {*/
/*    section#contact {*/
/*        width: 70%;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 568px) {*/
/*    header#hero {*/
/*        height: auto;*/
/*    }*/
/*    header>div {*/
/*        top: unset;*/
/*        padding-top: 1rem;*/
/*    }*/
/*    section#projects {*/
/*        margin: 0;*/
/*    }*/
/*    .grid-2-col {*/
/*        margin-top: 0;*/
/*        grid-template-columns: auto;*/
/*        width: auto;*/
/*        height: auto;*/
/*    }*/
/*    .grid-3-col {*/
/*       margin: 0;*/
/*       grid-template-columns: auto;*/
/*       width: auto;*/
/*       height: auto;*/
/*    }*/
/*    .project:first-of-type h2{*/
/*        top: auto;*/
/*    }*/
/*    .project:nth-child(n+2) {*/
/*        border-right: unset;*/
/*        border-bottom: 1px solid #000;*/
/*    }*/
/*    section#skills {*/
/*        background-attachment: scroll;*/
/*        margin-top: 0;*/
/*        height: auto;*/
/*    }*/
/*    .grid-4-col {*/
/*        grid-template-columns: auto auto;*/
/*        padding-left: 0;*/
/*    }*/
/*    section#contact {*/
/*        width: 60%;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 460px) {*/
/*    section#contact {*/
/*        width: 80%;*/
/*    }*/
/*    input, textarea {*/
/*        width: 92%;*/
/*    }*/
/*}*/



body {
    background: #000000;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

h1 {
    color: #f2f2f2; /* off-white */
    font-size: 4rem;
    letter-spacing: 2px;
    text-align: center;
    opacity: 0; /* start invisible */
    animation: fadeIn 2s ease forwards;
    font-family: 'Questrial', Helvetica, sans-serif;
}

/* Subtle fade-in */
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}