/* Site wide styles */
.link {
  color: black;
}

.link2 {
  color: black;
}

/* Home page */
.home {
  margin: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-inner {
  width: 100%;
  max-width: 760px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.home .h1 {
  font-size: 28px;
  margin-bottom: 0;
}
.home .h2 {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0;
}
.home .t1 {
  margin-top: 0;
  margin-bottom: 0;
}

.typeText::after {
  content: "|";
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 100% {opacity: 1;}
  50% {opacity: 0;}
}

 ol {
  padding-inline-start: 17px;
}

.home li {
  margin-bottom: 10px;
}

.text-art {
  margin: auto;
  margin-top: 30px;
}

.home .text-art-mobile {
  display: none;
}

.text-art pre {
  margin: 0;
  font-size: 6px;
}

.contact-p {
  text-align: center;
}

/* Principles */
.principles  {
  margin: 20px;
  margin-bottom: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.principles .inner {
  width: 100%;
  max-width: 760px;
}

.principles p {
  text-align: justify;
}

.principles .h1 {
  font-size: 24px;
  margin-top: 50px;
  margin-bottom: 40px;
  text-align: initial;
}

.principles .t1 {
  font-size: 16px;
  line-height: 27px;
}

.principles .t2 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px;
}

.principles li {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
}

.principles .link {
  margin-top: 50px;
  display: block;
  text-align: center;
}

/* Collective */
.collective  {
  margin: 20px;
  margin-bottom: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.collective .inner {
  width: 100%;
  max-width: 760px;
  margin-top: 40px;
}

.collective .h1 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.collective ul {
  margin-top: 0px;
  margin-bottom: 40px;
}

.collective li {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 28px;
}

.collective .link {
  margin-top: 50px;
  display: block;
  text-align: center;
}

/* Portfolio */
.portfolio  {
  margin: 20px;
  margin-bottom: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.portfolio .inner {
  width: 760px;
}

.portfolio .h1 {
  font-size: 24px;
  margin-top: 50px;
  margin-bottom: 40px;
}

.portfolio .link {
  margin-top: 50px;
  display: block;
  text-align: center;
}