@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=UnifrakturMaguntia&display=swap');

@font-face {
  font-family: "Chomsky";
  src: url("/f/Chomsky.otf") format("opentype")
}

html{
  background-color: #000000;
  background-attachment: fixed;
}

body{
  background-color: #fefef2;
  color: black;
  font-family:"Crimson Pro", "Times New Roman", Serif;
  font-size: 18px;
  line-height: 135%;
  width: auto;
  padding:0 25px 25px 25px;
  margin-left:10px;
  margin-right:10px;
  text-align: justify;
  border-style: solid;
  border:10px solid #a23069;
  float: none;
  font-weight: 500;
  word-spacing:-0.5px;
}
p{
  text-indent:36px;
}
header{
  padding-top:5px;
  text-align: center;
}
nav{
  font-size:22px;
  font-weight:bold;
  margin:5px 0 15px 0;
}

h1{
  font-family:"Crimson Pro",Serif;
  font-weight:bold;
  font-size:38px;
  line-height:150%;
  text-align: center;
  letter-spacing: 3px;
  color:#a23069;
}

h2{
  font-family:"Crimson Pro",Serif;
  font-weight:bold;
  font-size:30px;
  font-style:normal;
  text-align: center;
  line-height:150%;
  letter-spacing: 3px;
  margin:5px 0 5px 0;
  padding:0
}

h3{
  font-family:"Crimson Pro",Serif;
  font-weight:bold;
  font-size:26px;
  font-style:normal;
  line-height:150%;
  text-align: center;
}

h4{
  font-family:"Crimson Pro",Serif;
  font-weight:bold;
  font-size:20px;
  font-style:italic;
  line-height:150%;
  text-align: center;
}

hr {
  height: 5px; /* Thickness of the horizontal line */
  background-color: #a23069;  /* Light color for the top */
  position: relative;
  width: 100%; /* Adjust to your desired width */
  margin: auto; /* Center the line horizontally */
  overflow: visible;
  border-style:none;
}

b{
	font-weight:800;
}

a:link{
  color: #a23069;
  text-decoration:none;
}

a:visited{
  color: #43969c;
  text-decoration:none;
}

a:hover{
  color: #43969c;
  text-decoration:underline;
}
a:active{
  color: #a23069;
  text-decoration:none;
}

table{
      text-align: center; 
    vertical-align: middle;
}

thead{
  font-size:20px;
    text-align: center; 
    vertical-align: middle;
    font-weight:bold;
  }

ul{
  list-style-type: none;
  padding-left: 1.2em;
  text-indent: -1.2em;
  text-align:left;
}

ul > li:before{
    content: "•";
    display: block;
    float: left;
    width: 1.2em;
}

sup { 
    vertical-align: top; 
    position: relative;
    top:  -0.2em;
}

img{
    height: auto;
    margin:auto;
    display: block;
    max-width:100%;
}

figcaption{
	text-align:center;
}

@counter-style empty-style {
  system: extends decimal;
  suffix: ' ';
}

ol li::marker {
  font-weight: bold;
  text-align: center;
}

ol {
    margin:0;
    padding:0;
    list-style: empty-style;
    list-style-position: inside;
}

ol li 
{
    margin-bottom: 15px;
    padding: 0px;
    margin-left: 0em;
    text-indent:0em;
    counter-increment: my-counter-name;
}

.dc:first-letter {
  color: #a23069;
  float: left;
  font-family: "Chomsky";
  font-size: 45px;
  line-height: 45px;
  padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 0;
}

.subh{
	line-height:45em;
color:black;
font-weight:bold;
  font-size:30px;
  font-style:normal;
  text-align: center;
  line-height:150%;
  letter-spacing: 3px;
  margin:5px 0 5px 0;
  padding:0
}

.ssubh{
	color:black;
	  font-weight:bold;
  font-size:26px;
  font-style:italic;
  line-height:150%;
  text-align: center;
  letter-spacing: 0;
}

.input:focus {
    outline: none !important;
    border:3px #a23069;
    border-color:#a23069;
  }

.skip:link{
color:#fefef2;
  text-decoration:none;
}
.skip:visited{
color:#fefef2;
  text-decoration:none;
}

.skip:hover{
color:#fefef2;
  text-decoration:none;
}
.skip:active{
color:#fefef2;
  text-decoration:none;
}

.material-symbols-outlined{
      display: inline-flex;
    vertical-align: top;
  }

.num{
  white-space:nowrap;
}

.ver{
  padding:0;
  margin:0;
  text-indent: -10px;
margin-left: 10px
  }

 .hidden {
    display: none;
  }
  
  .hidden.content {
  padding: 0 10px;
  display: none;
  overflow: hidden;
}
.center{
  display: block;
  margin:auto;
}
.collapsible {
  font-family:"Crimson Pro",Serif;
  background-color: transparent;
  cursor: pointer;
  color: #a23069;
  margin-top:8px;
  margin-left:0;
  padding: 10px;
  width: 100%;
  margin:auto;
  border-width: 0 0 5px 0;
  border-style: solid;
  border-color: #a23069;
  text-align: center;
  text-indent:10px;
  font-size: 26px;
  font-weight: 500;
}


.sub.collapsible{
  font-size:22px;
  font-family:"Crimson Pro",Serif;
  font-weight: 500;
}

.collapsible:hover {
  color: #43969c;
}

.content {
  padding: 0 10px;
  overflow: hidden;
}

.container {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    width: 100%;
    gap: 10px;
    padding: 10px;
}

.cube {
    background-color: #4CAF50;
    color: white;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.note{
  font-size:15px;
  padding:0;
  margin:0;
}

.sm{
	font-variant: small-caps;
}

#txt1{
    font-size: 14px;
  font-weight:normal;
  line-height: 150%;
  }

@media screen and (min-width: 1000px){
  body{
    width:600px;
    padding: 0 35px 35px 35px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .ml{
    columns:2
  }
}