body {
    font-family:'Raleway';
    color:#521906;
    background-image:url('https://64.media.tumblr.com/2c8fac4b7cd0707556472f2c1b53a446/tumblr_inline_mvmulemQAV1qid2nw.png');
    background-size: ;
    background-color: #FFF9EF;
}   
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/food/foo-7/foo630.cur), auto !important;} /* End https://www.cursors-4u.com */
h1,h2,h3,h4,h5,h6 {
            color: #EB7A7E;
            font-family: 'Darumadrop One', cursive;
        text-shadow: 3px 3px #521906;
    }

#container {
                max-width: 900px;
                max-height:1000px;
                margin: 0 auto;
}
#header {
                height: 100px;
                background-image:url('https://pbs.twimg.com/profile_banners/1482886690570178563/1680401335/1500x500');
                background-position: 25% 45%;
                background-size: cover;
                border-top-style:dashed;
                border-right-style:dashed;
                Border-left-style:dashed;
                Border-color:#521906;
                border-width: 2px;
            }
.welcome{
                border-radius: 25px;
                height:50px;
                background-image:url('https://64.media.tumblr.com/2c8fac4b7cd0707556472f2c1b53a446/tumblr_inline_mvmulemQAV1qid2nw.png');
                Border-style:dashed;
                Border-color:#521906;
                border-width: 2px;
                
}
#header span {
    color: #EB7A7E;
    font-family: 'Darumadrop One', cursive;
    font-size: 56px;
    text-shadow: 3px 3px #521906;
}

 #flex {
                display: flex;
            }

            aside {
                background-color: #FFF9EF;
                width: 200px;
                padding: 20px;
                font-size: smaller;
                border-top-style:dashed;
                border-bottom-style:dashed;
                border-right-style:dashed;
                Border-left-style:dashed;
                Border-color:#521906;
                border-width: 2px;

            }


            main {
                background-color: #fbf2ea;
                flex: 1;
                padding: 10px;
                order: 2;                
                border-top-style:dashed;
                border-bottom-style:dashed;
                border-right-style:dashed;
                border-color:#521906;
                border-width: 2px;
            }

             #leftSidebar {
                order: 1;
                text-align: center;      
            
            }

            #rightSidebar {
                order: 3;
            }

            footer {
                background-color: #fbf2ea;
                /* background color for footer */
                padding: 10px;
                text-align: center;
                border-bottom-style:dashed;
                border-right-style:dashed;
                Border-left-style:dashed;
                border-color:#521906;
                border-width: 2px;
font-size:smaller;

            }

            #topBar {
               
                height: 20px;
                font-variant: small-caps;
                font-size:20px;
                font-style:bold;
                background-color: #fbf2ea;
                border-top-style:dashed;
                border-right-style:dashed;
                Border-left-style:dashed;
                border-color:#521906;
                border-width: 1px;
            }
ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;

}   

.left {
  width: 45%;
}

.right {
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.box11 {
margin:1em 0; /* 中央寄せは0をautoに変更 */

}
.u012 {
background:url('https://foollovers.com/mat/t-frame/frame11-b/f-ue.gif') repeat-x;
height:45px;
margin:0 50px;
}
.s012 {
background:url('https://foollovers.com/mat/t-frame/frame11-b/f-sita.gif') repeat-x;
height:13px;
margin:0 50px
}
.box-top2 {
background-image:url('https://foollovers.com/mat/t-frame/frame11-b/f-kado1.gif'), url('https://foollovers.com/mat/t-frame/frame11-b/f-kado2.gif');
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:45px;
}
.box-center2 {
background-image:url('https://foollovers.com/mat/t-frame/frame11-b/f-migi.gif'), url('https://foollovers.com/mat/t-frame/frame11-b/f-hidari.gif'), url('https://foollovers.com/mat/t-frame/frame11-b/f-naka.gif');
background-position:top right, top left, top center;
background-repeat:repeat-y, repeat-y ,repeat;
padding:0 20px;
}
.box-bottom2 {
background-image:url('https://foollovers.com/mat/t-frame/frame11-b/f-kado3.gif'), url('https://foollovers.com/mat/t-frame/frame11-b/f-kado4.gif');
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:13px;
}

.box16{
margin:1em 0; /* 中央寄せは0をautoに変更 */
overflow:hidden;

}
.u01{
background:url('https://foollovers.com/mat/t-frame/frame16-a/f-ue.gif') repeat-x;
height:35px;
margin:0px 19px;
}
.s01{
background:url('https://foollovers.com/mat/t-frame/frame16-a/f-sita.gif') repeat-x;
height:35px;
margin:0 19px;

}
.box-top{
background-image:url('https://foollovers.com/mat/t-frame/frame16-a/f-kado1.gif'), url('https://foollovers.com/mat/t-frame/frame16-a/f-kado2.gif');
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:35px;
}
.box-center{
background-image:url('https://foollovers.com/mat/t-frame/frame16-a/f-migi.gif'), url('https://foollovers.com/mat/t-frame/frame16-a/f-hidari.gif');
background-position:top right, top left;
background-repeat:repeat-y, repeat-y;
overflow:hidden;

}
li{
  list-style-image: url('https://foollovers.com/mat/i-foodf/i01-icon-strawberry.gif');
  padding: 1px;
}

.box-bottom{
background-image:url('https://foollovers.com/mat/t-frame/frame16-a/f-kado3.gif'), url('https://foollovers.com/mat/t-frame/frame16-a/f-kado4.gif');
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:35px;
}

table {
  width: 100%;
}

td {
  border: 0px;
  text-align: left;
}

th {
  border: 0px;
  text-align: center;
    width:60%;

    
}

<style>
a:link {
  color: #F6985A;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #EB7A7E;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #F5D161;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #5FB6EB;
  background-color: transparent;
  text-decoration: underline;
}
</style>


tr:nth-child(even) {
  background-color: transparent;
}


            @media only screen and (max-width: 500px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    
                }

                main {
                    order: 1;
                }

                #leftSidebar {
                    order: 2;
                }

                #rightSidebar {
                    order: 3;
                }

                #navbar ul {
                    flex-wrap: wrap;
                }
            

.scroller {
  width: 200px;
  height: 100px;
  overflow-y: scroll; /* Add the ability to scroll */
}
.scroller::-webkit-scrollbar {
    display: none;
}
.scroller {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}
        </style>