/* Fonts */
@font-face {
    font-family: TheUnseen;
    src: url('/resources/fonts/theunseen.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: RawengulkSans-094;
    src: url('/resources/fonts/RawengulkSans-094.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/* Global */

@media only screen and (min-width: 600px) {
    h1{
        font-size:8vw;
    }
    h2{
        font-size:3vw;
    }
    h3{
        font-size:1.5vw;
    }
    h4{
        font-size:1.2vw;
    }
    p{
        font-size: 1vw;
        font-weight: bold;
    }
    li{
        font-size: 1vw;
        font-weight: bold;
    }
}
body{
    /*background-color: #022B3A;
    color: #FFFFFF;*/
    background-color: #f6f6f6;
    color: #000000;
    animation-delay: 2s;
}
.main{
    /*margin-left: 10%;
    margin-right: 10%;
    margin-top: 230px;*/

    font-family: RawengulkSans-094, Arial;
}
.centre{
    text-align: center;
    width: 100%;
}

/* Navigation */
nav{
    background-color: #022B3A;
}

img.thumb{
    width: 100%;
    max-height: 1000px;
}

.pre-animation{
    margin-top: 100px;
    animation-delay: 2s;
}
.post-animation{
    margin-top: 0px;
    animation-delay: 2s;
}