@import url('https://fonts.googleapis.com/css?family=Kanit:900');
#load{
	transform: translateY(-1080px) !important;
	opacity: 0 !important;
}

section {
    min-height: 100%;
    min-height: 95vh;
    display: flex;
    width: 910px;
    margin: 0 auto;
    align-items: center;
}

body {
    background-color:#19001d;
}

* {
    color: #ffffff;  
    font-family: 'Kanit', sans-serif;

}
.character {
    background-image: url('https://storage.googleapis.com/foxington/sona/1423774040.cylaw_foxington_clear.png');
    background-size:cover;
    width: 386px;
    height: 380px;
}

h6 {
    font-size: 4em;
}

ul {
    list-style : none;
    display: flex;
}

ul li{
    padding-right: 1em;
}

.syntax-tag {
    color: #AA11F0
}
.tag {
    font-size: .9em;
    padding: 1em;
    display: flex;
}
@media(min-width: 911px){
    h6 {
        margin: 0 0 2em
    }
}
@media(min-width: 705px) and (max-width: 910px){

    h6 {
        margin: 0 0 5em;
	text-align: left;
    }
    section {
        width: 705px;
        text-align: center;
        margin: 0 auto;
        display: flex

    }
    .character {
        width: 366px;
        height: 360px;
    }

    h6 {
        font-size: 2em;
    }

    .tag {
        padding: 1em;
        font-size: .9em;
        display: flex;
    }
}

@media(min-width: 320px) and (max-width: 704.5px) {
    section {
        display: block;
        width: 366px;
        text-align: center;
        margin: 0 auto;

    }
    .character {
        width: 366px;
        height: 360px;
    }

    .character-section {
        position: absolute;
        top: 29%;
    }

    .tag {
        font-size: .9em;
    }

    h6 {
        margin: 2em auto;
        font-size: 2em;
    }
}