html,
body {
   font-size: 16px; /* base font reset */
   margin:0;
   padding:0;
   height:100%;
   background: #fff;
}

::-webkit-scrollbar {height: 0.75rem; width: 0.75rem;}
::-webkit-scrollbar-corner {background:#fff ; } /*bar*/

::-webkit-scrollbar-track-piece {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #76322e; /*bar*/
    border: 0.3rem solid #fff;
}

.grid-container {
  display: grid;
  grid-template-columns: minmax(320px, 650px);
  grid-template-rows: max-content max-content auto max-content;
  min-height: 100vh;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  grid-template-areas:  
	  "header"
	  "main" 
	  "footer"
}

header {
grid-area: header;
text-align: center;
margin: 0;
padding: 0;
line-height: 0;
}

.resize {
  max-width: 100%;
  height: auto;
  margin: 0; padding: 0;
}


main {
	grid-area: main;
	max-width: 650px;
	text-align: justify;
	margin: 0 auto 1rem 0;
	font-family: 'Ubuntu', sans-serif;
	font-size: 100%;
	letter-spacing: 1px;
	line-height: 180%;
	padding: 0 0.25rem;
	color: #a79aa7;
}

strong, b {color: #d4b7ac;
}

em, i {color: #d4b7ac;}

abbr {text-decoration: none;
border-bottom: 1px dotted #8970457a;}
	

  
h2 {
    font-family: "Ubuntu", serif;
    color: #bc8b77;
    letter-spacing: 3px;
    margin: 2rem 0 0.5rem 0;
    font-size: 140%;
    border-bottom: 1px dotted #dadada;
}



.cliques,
.cliques b,
.cliques strong {
    text-align: center;
    font-size: 100%;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
    margin: 2rem 0;
    font-size: 110%;
    color: #fff;
}


hr {
    margin: 0 1rem 1rem 1rem;
    overflow: visible;
    padding: 0;
    border: none;
    border-top: 1px dotted #bc8b77;
    color: #fff8b0;
    text-align: center;
}

hr:after {
    content: "☆";
    display: inline-block;
    position: relative;
    top: -0.65rem;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: #ffffff;
    color: #76322e;
    text-shadow: 0px 0px 3px #fff8b0, 0px 0px 5px #fff8b0, 0px 0px 10px #fff8b0;
}

footer { grid-area: footer;
max-width: 650px;
text-align: center;
margin: 3rem auto 1rem auto;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 75%;
letter-spacing: 1px;
color: #8f7d7c;
line-height: 160%;
padding-bottom: 2rem;
}

.center {text-align: center; display: block;}

a:link,
a:visited,
a:active {text-decoration: none;
color: #76322e;
    transition: all 0.25s ease-in-out;}


a:hover {color: #2b396b;
    transition: all 0.25s ease-in-out;}
	
	

.clique {margin-left: 1rem;
margin-right: 1rem;}

.linkhere {
    margin: 0.25rem 0.5rem;
    padding: 0;
    border: 5px solid #ffffff;
    outline: 1px solid #bbd8f1;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.linkhere:hover {
    box-shadow: 0px 0px 10px #cccccc;
    outline: 1px solid #fff8b0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.flistimg,
.flistimg a:link,
.flistimg a:visited,
.flistimg a:active{margin: 1rem;
    padding: 0;
    border: 5px solid #ffffff;
    outline: 1px solid #bbd8f1;
border-radius: 50%;
-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
max-width: 65px;
height: auto;}

.flistimg:hover {
    margin: 1rem;
    outline: 1px solid #fff8b0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    box-shadow: 0px 0px 10px #bc8b77;
}

.show_joined_all_group_by_cats {font-weight: bold; }
.show_owned_credits {display: none;}

.show_owned_where_you_are {display: none;}

.ownedlistings {float: left; margin-right: 0.5rem; margin-bottom: 0.5rem; }

section {
    display: block;
    width: 95%;
    margin: 1rem auto 1rem auto;
    text-align: center;
}