body{
    background-color: #FDD7D5;
    font-family: 'MS ui gothic', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    overflow-y: hidden;
    background-image: url(../images/articles/lamington_cake/bg3.gif);
}
.container{
    background-color: #FDD7D5;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-items:start;
    height: 100%;
    color: #b7655e;
    background-image: url(../images/articles/lamington_cake/bg3.gif)
}

.container a{
    color: inherit;
}

.container a:hover{
    color: #4c6864;
    transition: ease-in 0.2s;
}

@media only screen and (max-width: 800px) {
    .body{
        overflow-y: scroll;
    }
    .container{
        display: grid;
        grid-auto-flow: row;
    }
}

.title{
    text-align: center;
}

.imgtitle{
    width: 500px;
}

.main-image{
    max-width: 45%;
    border: 5px rgb(255, 255, 255, 0.6);
    align-self: end;
}

.cake{
    max-width: 35vw;
}

.text{
    height: 90%;
    overflow-y: scroll;
}

.ingredients, .recipe, .cakepic-div, .tada, .cakepic-div-two{
text-align: center;
padding: 5px;
}

.cakepic{
    width: 80%;
}

.cakepic-two{
    width: 30%;
}

.cakepic-div{
    border: dotted 2px #FDD7D5;
    background-image: url(../images/articles/lamington_cake/bg.gif);
    width: 30%;
    margin: 0 auto;
}
.cakepic-div-two{
    border: dotted 2px #FDD7D5;
    background-image: url(../images/articles/lamington_cake/bg.gif);
    margin: 0 auto;
    width: 70%;
}

.list, .tada p{
    display: inline-block;
    text-align: left; 
    padding-left:10vw;   
    padding-right: 10vw;  
}

ul{
    list-style-image: url(../images/articles/lamington_cake/list-icon.gif); 
}

/*from fool lovers*/
.content {
    margin:1em 0; 
   width: calc(100%-45%);
   padding-right: 10vw;
}

.box-inner {
    background:white; 
    margin:0 23px;
    height: 80vh;
    padding-bottom: 40px;
}
.u01 {
    background:url(../images/articles/lamington_cake/f-ue.gif) repeat-x;
    height:23px;
    margin:0 23px;
    }
.s01 {
    background:url(../images/articles/lamington_cake/f-sita.gif) repeat-x;
    height:23px;
    margin:0 23px;
}

.box-top {
    background-image:url(../images/articles/lamington_cake/f-kado1.gif), url(../images/articles/lamington_cake/f-kado2.gif);
    background-position:top left, top right;
    background-repeat:no-repeat, no-repeat;
    height:23px;
}

.box-center {
    background-image:url(../images/articles/lamington_cake/f-migi.gif), url(../images/articles/lamington_cake/f-hidari.gif);
    background-position:top right, top left;
    background-repeat:repeat-y, repeat-y;

}


.box-bottom {
    background-image:url(../images/articles/lamington_cake/f-kado3.gif), url(../images/articles/lamington_cake/f-kado4.gif);
    background-position:top left, top right;
    background-repeat:no-repeat, no-repeat;
    height:23px;
}


/*scroll*/

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    }
    ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
    }
    ::-webkit-scrollbar-thumb {
    background: #d4837f;
    border: 0px none #ffffff;
    }
    ::-webkit-scrollbar-thumb:hover {
    background: #efcec0;
    }
    ::-webkit-scrollbar-thumb:active {
    background: #efcec0;
    }
    ::-webkit-scrollbar-track {
    background: #FDD7D5;
    border: 0px none #ffffff;
    }
    ::-webkit-scrollbar-track:hover {
    background: #FDD7D5;
    }
    ::-webkit-scrollbar-track:active {
    background: #FDD7D5;
    }
    ::-webkit-scrollbar-corner {
    background: transparent;
    }
    
    ::selection {
    color: white;
    background-color: #efb995;
    }