html 		{
animation: colorchange 69s;
-webkit-animation: colorchange 69s; 

margin:20px;
background-color:#FFF;
color: #000;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:2em;
line-height: 1.2;
letter-spacing: normal;
font-weight:bold;
cursor:default;
text-shadow: 0px 0px 0px #fff; 
}


a  		{border-bottom: 2px solid #000; padding-bottom: 0px; color: #000; text-decoration: none;}
a:hover	{border-bottom: 3px solid #000; padding-bottom: -1px; color: #000; text-decoration: none;}

p 		{padding-bottom:36px; border-bottom: 2px solid #000;}

h1 		{font-size: 150%; line-height: 1.1; text-shadow: 1px 1px 0px #fff; letter-spacing: -0.5px;}

#logo 	{position: fixed; top: 44px; right: 44px; z-index: 1000;text-shadow: 1px 1px 0px #fff;  }

#menu 	{position:fixed; top: 444px; right: -215px; z-index: 1000; transform: rotate(90deg); font-size: 75%;}

#menu a  		{border-top: 0px solid #000; border-bottom: none; padding-top: 0px; color: #000; text-decoration: none;}
#menu a:hover	{border-top: 2px solid #000; border-bottom: none; padding-top: 0px; color: #000; text-decoration: none;}

#text 	{position: absolute; margin-left: 10%; width: 58%; max-width: 1200px; z-index: 2;}




ul {
  --icon-space: 1em;
  list-style: none;
  padding: 3;

}

li {
  padding-left: var(--icon-space);
}

li:before {
  content: "•"; 
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}





@media (min-width: 431px) and (max-width: 1200px) {


html 	{margin:10px; font-size:1.5em;}

p 		{padding-bottom:20px; border-bottom: 2px solid #000;}


#text 	{margin: 10px; width: 80%; z-index: 2;}

#menu 	{position:fixed; top: 380px; right: -150px; z-index: 1000; transform: rotate(90deg); font-size: 75%;}


a  		{border-bottom: 2px solid #000; padding-bottom: 0px; color: #000; text-decoration: none;}
a:hover	{border-bottom: 0px solid #000; padding-bottom: 0px; color: #000; text-decoration: none;}



}


@media (min-width: 0px) and (max-width: 430px) {


html 	{margin:5px; font-size:1.3em;}

p 		{padding-bottom:16px; border-bottom: 2px solid #000;}

#text 	{margin: 5px 5px 5px 5px; width: 90%; z-index: 2;}

a  		{border-bottom: 2px solid #000; padding-bottom: 0px; color: #000; text-decoration: none;}
a:hover	{border-bottom: 0px solid #000; padding-bottom: 0px; color: #000; text-decoration: none;}



ul {
  --icon-space: 1em;
  list-style: none;
  padding: 0;

}

li {
  padding-left: var(--icon-space);
}

li:before {
  content: "•"; 
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}


}