body{
    background-color: #853e3c;
}
a, p, div, button{
    margin: 0px;
    padding: 0px;
    color:#e4ac8c;
}
.darkertext{
    color:#853e3c;
}
.darkerlink:link{
    color:#853e3c;
}
.darkerlink:visited{
    color:#853e3c;
}
a:link, a:visited{
    color:#e4ac8c;
}
hr{
    border: 1px solid #7F4639 ; 
    margin: 15px; 
}

.scrollcontainer::-webkit-scrollbar {
    display: none; /* for Chrome, Safari and Opera */
}

.scrollcontainer{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.websitesection{
    background-color: #9b4b4a;
    margin-bottom: 15px; 
    padding: 10px;
}

#toparea{
    margin: 30px;
    margin-top: 10px;
    margin-bottom: 0px;
    z-index: 2;
}
#websiteheader{
    position: relative;
    margin: auto;
    height: 460px;
    width: 1000px;
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
}
#titletext{
    font-size: 40px;
    text-align: center;
    position: absolute;
    bottom: -5px;
    color:  #e4ac8c;
}
#headerlum{
    position: absolute;
    width: 400px;
    bottom: -30px;
    right: 70px;
    clip-path: polygon(91% 0, 83% 0, 78% 4%, 75% 10%, 73% 17%, 71% 20%, 66% 26%, 63% 32%, 63% 42%, 57% 46%, 51% 51%, 47% 58%, 39% 58%, 31% 61%, 26% 68%, 24% 68%, 20% 71%, 16% 73%, 13% 70%, 0 78%, 0 86%, 30% 82%, 48% 89%, 72% 84%, 75% 90%, 76% 97%, 80% 100%, 84% 91%, 89% 91%, 95% 98%, 100% 96%, 100% 90%, 98% 86%, 96% 30%, 99% 23%, 98% 15%, 96% 6%);
}
#headerimg{
}


#navigationbar{
    display:flex; 
    position: relative;
    height: 50px;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.navigationbuttons{
    z-index: 1;
    margin: 3px;
    padding: 10px;
    color: #e4ac8c;
    font-size: 18px;
}
.navigationbuttons:hover{
    position: relative;
    width: auto;
    font-size: 30px;
}
.navlink:link{
    text-decoration: none;
}
.navlink:visited
    text-decoration: none;
}

#pagebody{
    display: flex;
    jus
    margin: auto;
    padding-top: 10px;
    background-color: lightgoldenrodyellow;
    width: 100px;
}
#pagebodytitle{
    font-size: 30px;
    margin: auto;
    text-align:center;
}
#pagebodydescription{
    margin:auto;
    text-align: center;
}



/*  home   */
.homepagelink{
    margin-left: 4px;
    margin-right: 4px;
}



.donateddecklink{
  margin-left: 5px;
  margin-right: 5px;
  
}

  /*  tookit    */
#toolkitnavigationbar{
    display: flex;
    justify-content: center;
}
.toolkitnavbarlink{
}
.toolkitnavbaritem{
    margin: 10px;
}

#toolkit{
    display:flex;
    flex-direction: column;
}
#toolkitinputs{
    display:flex;
    flex-direction: row;
    justify-content: center;
}
#imagetagsinput{ 
    display: flex;
    flex-direction: column;
}
#imagetagsoutput{
    display: flex;
    flex-direction: column;
}
#imagetagsinputbuttons{
    margin: auto;
    display: flex;
}
#imagetagsinputtextareas{
    display: flex;
    flex-direction: column;
}

#newcardnamelist, #siteinput, #imagetagoutputnewlines, #imagetagoutputoneline{
    width: 300px;
    height: 50px;
}
#cardimages{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    width: 1300px;
}
.deckitem{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 600px;
}

.decknamelink{
    font-size: 20px;
    text-align: center;
}
.decknamelink:link, .decknamelink:visited{
    text-decoration: underline
}

/*                     mass decks */
.massdecksection{
    display: flex; justify-content: center; flex-direction: column; margin-bottom: 40px;
}
.massdeckextras{
    display: flex; justify-content: center; flex-direction:column; display:none;
}

/*                     fortrade    */

#sortbycardcolorsection{
    display: flex;
    flex-wrap: wrap;
}

.colorseriessections{
    margin: 20px;
}



/*                     collectionlog     */
.collectionlogp{
    padding-left: 70px; 
    color:#1e4620; 
    font-size: 15px; 
    margin: 0px;
}
.collectionlogdate{
    color:#1e4620; 
    font-size: 15px; 
    margin: 0px;
}
.collectionlogaction{
    color: mediumblue;
}
