.Tile{
	margin: 3vh auto;
    width: 95%;
    max-width: 1200px;
	height: fit-content	;
	min-height: 80vh;
	box-sizing: border-box;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
	padding: 20px 20px 20px 0px;
	border-radius: 10px 10px 10px 10px;
	vertical-align:middle;
    background-color:#ffffff;
}
.Tile>div{
	margin: 8vh auto;
}
.Top-Infos{
    display: block;
    margin: 1vw auto 1vw 0px;
    padding-left: 5vw;
    width: 90%;
    border-bottom: 1px solid #FF7699;
}

.Top-Infos h2{
	font-size: calc(12px + 2vw);
	border-top: none;
	border-bottom: none;
	color: #FF7699;
	margin: 0;
}
.Details_Subtitle{
	display: block;
    margin: 1vw auto 1vw 0px;
    padding-left: 5vw;
    width: 50%;
    border-bottom: 1px solid #FF7699;
}

.Details_Subtitle h3{
	border-top: none;
    border-bottom: none;
    border-left: 1vw solid #FF7699;
    color: #FF7699;
    padding-bottom: 0;
    padding-left: 1vw;
    margin: 0;
    margin-bottom: .5vw;
    line-height: 1em;
    font-size: 1.5em;
}
.Details_Infos{
	padding: 1vw 5vw;
}

.Details_Link{
	padding: 1vw 5vw;
}

.Details_Link a{
	color: #FF7699;
	font-weight: 900;
	text-decoration: none;
}
.Details_Link a:hover{
	text-shadow: 2px 2px 8px #FAC8D0, 2px 2px 8px #FAC8D0;
}

section[name="theme_list"]{
	width: 80%;
	margin: auto;
	padding: 5vw 0;
	text-align: center;
	display: flex;
}

section[name="theme_list"]>a {
	background-color: #FF7699;
	cursor: default;
	width: 16.5vw;
	/* min-width: fit-content; */
    height: 8vw;
    line-height: 4vw;
    margin: 16.5px;
	padding: 3px 6px;
	font-size: 2vw;
	color: #FFFFFF;
	border: none;
	user-select: none;
	white-space: nowrap;
	text-decoration: none;
	text-align: center;
	white-space: normal;
	display: flex;
    align-items: center;
    justify-content: center;
}
section[name="theme_list"]>a:hover{
    border: 2px solid #FF7699;
	color: #FF7699;
    height: calc(-4px + 8vw);
    width: calc(-4px + 16.5vw);
    line-height: calc(-4px + 4vw);
	background-color: #FFFFFF;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
}
section[name="theme_list"]>a:active{
	-webkit-box-shadow: inset 0 1px 31px rgba(255, 153, 204, 0.2), 0px 2px rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 1px 31px rgba(255, 153, 204, 0.2), 0px 2px rgba(255, 255, 255, 0.4);
}
section[name="theme_list"]>a:focus{
    outline: none;
}

section[name="faq_list"] {
	margin: auto;
    margin-bottom: 3vw;
    height: fit-content;
    width: 90%;
    box-sizing: border-box;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
    border-radius: 10px 10px 10px 10px;
    vertical-align: middle;
    background-color: #ffffff;
    padding: 4vw;
}

section[name="faq_list"] h2{
	background-color: #FFE6F2;
	color: #FF7699;
	font-weight: 900;
	padding: 1vh;
}

div[name='question']{
	cursor: pointer;
	color: #FF7699;
	border-bottom: 1.5px solid #FF7699;
	font-size: 2vw;
	padding: 1vw .5vw;
	display: inline-flex;
	width: 98%;
	margin-bottom: 1vw;
}
div[name='question'] p.Q{
    background: #FF7699;
    color: #FFFFFF;
    font-weight: 900;
    height: calc(0.5em + 2vw);
    width: calc(0.5em + 2vw);
    text-align: center;
	line-height: calc(0.5em + 2vw);
	margin-right: 2vw;
}

div[name='answer']{
	max-height: 0px;
	color: #FF7699;
    -webkit-transition: max-height .5s;
    -moz-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s;
    overflow: hidden;
}
.shown{
    -webkit-transition: max-height 1.5s !important;
    -moz-transition: max-height 1.5s !important;
    -o-transition: max-height 1.5s !important;
    transition: max-height 1.5s !important;
	max-height: 50vh !important;
}

/*Responsive Styles*/
@media screen and (max-width : 760px){
  .Details_Subtitle h2{
	  font-size: 1.5em;
  }
  .Details_Subtitle{
	  width:70%;
  }
  section[name="theme_list"]{
	  width: 100%;
	  margin: auto;
	  padding: 5vw 0;
  }
  section[name="theme_list"]>a{
	width: fit-content;
	  font-size: 3vw;
	  margin: 6px;
  }
  .shown{
	  -webkit-transition: max-height 1.5s !important;
	  -moz-transition: max-height 1.5s !important;
	  -o-transition: max-height 1.5s !important;
	  transition: max-height 1.5s !important;
	  max-height: 90vh !important;
  }
}