@font-face {
    font-family: JanesWriting;
    src: url("shrinemedia/JanesWriting-Regular.ttf");
}
@font-face {
    font-family: JanesWriting-Bold;
    src: url("shrinemedia/JanesWriting-bold.ttf");
}

html{
    background-image: url("shrinemedia/orangesmiles.jpg");
    background-repeat: repeat;
    margin-left:auto;
    margin-right:auto;
}
body{
    width: 1200px;
    font-family: JanesWriting;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
.back{
    position: absolute;
    top: 0px;
    left: 0px;
}
    .logo{
        top: 5px;
        left: 200px;
        position: absolute;
    }
/*Main Content*/
    .maincontent{
        top: 120px;
        left: 150px;
        width: 900px;
        height: 820px;
        position: absolute;
        background-image: url("shrinemedia/linedtexture2.png");
        background-repeat: repeat;
        padding: 5px;
        margin: 15px;
        border: 6px solid #766B7D;
        border-radius: 20px;
        font-size: 20px;
    }
    .intro{
        position: relative;
        top: 60px;
        width: 630px;
        margin-right: auto;
        margin-left: auto;
        border: 10px solid transparent;
        border-image: url("shrinemedia/imageborder.png") 15% round;
        padding: 15px;
        padding-right: 160px;
    }
    .yayori{
        position: absolute;
        top: 30px;
        left: 700px;
    }
    .shrinearea{
        position: relative;
        top: 80px;
    }
    .shrine{
        box-sizing: border-box;
        float: left;
        position: relative;
        width: 200px;
        height: max-content;
        margin: 20px;
        padding: 3px;
        border: 3px solid #9A7F7C;
    }
    .shrineimg{
        position: relative;
        width: 170px;
        height: 170px;
        border: 4px solid transparent;
        border-image: url("shrinemedia/imageborder.png") 15% round;
        margin-right: auto;
        margin-left: auto;
    }