@font-face {
    font-family: Ubuntu;
    src: url("images/Ubuntu.ttf");
}
@font-face {
    font-family: Alphapen;
    src: url("images/mikiyu-alphapen.ttf");
}

html{
    background-repeat: repeat;
    margin-left:auto;
    margin-right:auto;
}
body {
    font-family: Ubuntu;
    width: 900px;
    position: relative;
    margin-left:auto;
    margin-right:auto;
    background-image: url("images/blueclouds.gif");
    color: #643a0a;
}
.back{
    position: absolute;
    top: 0px;
    left: 0px;
}
/*indented are non design essential*/
    .yunobg{
        position: absolute;
        top: 90px;
        left: 40px;
    }
    .profilecard{
        position: relative;
        top: 50px;
        padding: 2px;
        width:350px;
        height: 493px;
        background-image: url("images/kutusitanyanko.jpg");
        background-size: contain;
    }
        .headertext{
            font-size: 50px;
            text-shadow: 2px -2px white;
            color: black;
            font-family: Alphapen;
        }
        .detail{
            text-emphasis-color: white;
            position: relative;
            left: 95px;
            font-size: 20px;
            font-family: Ubuntu;
        }
        .description{
            font-size: 12px;
            font-family: Ubuntu;
        }
    .about{
        position: absolute;
        top: 10px;
        left: 400px;
        padding: 2px;
        font-family: Ubuntu;
        background-image: url("images/linedtexture1.png");
    }
    .intrests{
        position: absolute;
        top: 563px;
        width: 500px;
        font-family: Ubuntu;
        background-image: url("images/linedtexture1.png");
        padding: 3px;
    }
    .misakiimg{
        position: absolute;
        top: 800px;
    }
    .kin{
        position: absolute;
        top: 790px;
        width: 500px;
        text-shadow: 2px -2px white;
        font-size: 38px;
    }
    .quizzes{
        position: absolute;
        top: 1200px;
    }