

<style>
details {
  user-select: none;
}

details>summary span.icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s;
  margin-left: auto;
}

details[open] summary span.icon {
  transform: rotate(180deg);
}

summary {
  display: flex;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

/* You can adjust this breakpoint */
/* Larger font size for mobile */
/* Example default font size   */

a
{
color: #39ff14;
}

a:link
{
color: #39ff14;
}

a:visited
{
color: #39ff14;
}

a:hover
{
color: #FFFFCC;
}

a:active
{
color: #FFFFCC;
}

.style7
{
font-family: "Comic Sans MS";
color: #FFFFCC
}

.nick1
{
text-align:center;
font-family: "Comic Sans MS";
color:#FFFFCC;
}

.nick2
{
text-align:left;
font-family: "Comic Sans MS";
color:#FFFFCC;
}

.nick3
{
text-align:left;
font-family: "Comic Sans MS";
color:#FFFFCC;
}

*
{
font-size: 2vw;
}

@media screen and (max-width: 768px)
{
  body
  {
  font-size: 7vw;
  }
*
 {
 font-size: 7vw;
  }
}


</style>
