diff --git a/index.html b/index.html index 9208591..04f89e9 100644 --- a/index.html +++ b/index.html @@ -1,97 +1,93 @@ - - Mastodon - - - Communist Internet Federation - + + + + + Communist Internet Federation + -
-

[ CiF ].su

-

Let's change the World for the Better. Together. Bit for Bit.

-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-

Oh Fuck...

-

The World is on Fire. Figuratifly and Litterally. Big Coorperations are Destroying the Planet, Manipulating Politics and Robbing every single one of us. IT'S TIME TO FIGHT BACK. Saddly, we can't change everything at once, Guns Blazing (Even if we REALLY Would Like to...), so we're starting at the Most important Pillar of the Modern World. The Internet.

-
-
-

Our Mission:

-

Free, Open-Source, User-First Software that respects Privacy. No Ads, no Sponsors, no Trackers and Databrokers. Everything financed with Donation, and made and maintained by Volunteers.

-
-
-

Our Principals

- + +
+

[ CiF ].su

+

Let's change the World. For the Better. Together. Bit for Bit.

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
-
-

Our Projects

+ +
+
+

Oh Fuck...

+

The World is on Fire. Figuratifly and Litterally. Big Coorperations are Destroying the Planet, Manipulating Politics and Robbing every single one of us. IT'S TIME TO FIGHT BACK. Saddly, we can't change everything at once, Guns Blazing (Even if we REALLY Would Like to...), so we're starting at the Most important Pillar of the Modern World. The Internet.

+
+
+

Our Mission:

+

Free, Open-Source, User-First Software that respects Privacy. No Ads, no Sponsors, no Trackers and Databrokers. Everything financed with Donation, and made and maintained by Volunteers.

+
+
+

Our Principals

    -
  • Lemmy

    A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice

  • -
  • Peertube

    A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice

  • -
  • Mastodon

    A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice

  • -
  • Git

  • +
  • Transparancy

    All of our work is uploaded to our open Git-Reposetory, even if early development stages, or if they're not even ment for public use.

  • +
  • Federation And Unification

    All Projects that rely on server based Information, have to make sure, that other servers can Interact and can be interacted with, on an Eye-to-Eye Level.

  • +
  • Open-Lock Policy

    We have to make sure all of our projects are build in a way that gives the User the Posibility to leave our Ecosystem, without loosing any Features or Accumulated Userdata, as long as technically possible.

  • +
  • Democracy

    All Decisionmaking, has to be made on a Anarchic-Democratic basis, involving ALL volunteering [CiF] Members

  • +
  • Freedom of Speech

    To ensure Freedom of Speech, all Moderation work has to be documented and publically displayed, with only the most necesary elements obscured.

-
-
- - +
+ +
+

Our Projects

+
    +
  • Lemmy

    A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice

  • +
  • Peertube

    A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice

  • +
  • Mastodon

    A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice

  • +
  • Git

    Our Free to Use Code Reposetory, where we upload all of our finished & work-in-progress projects. Also Free for you, to use as your own git Reposetory.

  • +
+
+
+ diff --git a/moderation/report/index.html b/moderation/report/index.html new file mode 100644 index 0000000..cfc9e59 --- /dev/null +++ b/moderation/report/index.html @@ -0,0 +1,22 @@ + + + + + + [ CiF ] Moderation Report + + +

+

[ CiF ].su

+

Moderation Report

+ +
+

Choose a Service to Continue:

+ + +
\ No newline at end of file diff --git a/moderation/report/peertube/index.html b/moderation/report/peertube/index.html new file mode 100644 index 0000000..f5a24a8 --- /dev/null +++ b/moderation/report/peertube/index.html @@ -0,0 +1,160 @@ + + + + + + [ CiF ] Moderation Report + + +

+

[ CiF ] Peertube

+

Moderation Report

+ +
+

The Following Videos has been Blocked

+ +
\ No newline at end of file diff --git a/moderation/report/style.css b/moderation/report/style.css new file mode 100644 index 0000000..5a2cdd9 --- /dev/null +++ b/moderation/report/style.css @@ -0,0 +1,280 @@ +@font-face { + font-family: "Futura"; + src: url("./../FuturaLT-Heavy.ttf") format("truetype"); +} + +/*Basic Site CSS*/ + * { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + body { + padding-top: 5%; + display: grid; + place-items: center; + scroll-behavior: smooth; + text-align: center; + position: absolute; + margin-top: 10px; + font-family: "Futura"; + width: 100%; /* Full width */ + padding-bottom: 5%; + } + + h2 { + font-size: 25pt; + z-index: 1 + } + + + .card-list { + display: flex; + flex-wrap: wrap; + gap: 20px; + padding: 0; + list-style-type: none; + } + + .card-list li { + min-width: 200px; + } + + /* Optional: Responsive adjustments */ + @media (max-width: 800px) { + .card-list { + flex-direction: column; + } + } + +ul { + list-style-type: none; +} + +li { + padding: 10pt; +} + +img { + width: 160px; + border-radius: 0 100px 100px 0; + padding: 5px; +} + +.info { + display: flex; + flex-direction: column; +} + + +.slidefadein { + opacity: 0; + transform: translateY(100px); + animation: slideAndFade 0.5s ease-in-out forwards; + } + +@keyframes slideAndFade { + to { + opacity: 1; + transform: translateY(0); + } +} + + .title{ + font-size: 120px; + z-index: 1; + } + +.card { + width: 800pt; + height: auto; + border-radius: 20px; + display: flex; + align-items: center; + flex-direction: column; + margin-top: 30pt; +} + +.cards1 { + width: 180pt; + height: auto; + border-radius: 40pt; + display: flex; + align-items: center; + flex-direction: column; /* Changed from column to row */ + margin-top: 30pt; + gap: 20px; /* Adds some space between image and text */ +} + +.cards2 { + width: 150pt; + height: auto; + border-radius: 30pt; + display: flex; + align-items: center; + flex-direction: column; +} + +.project h1 { + font-size: 50pt; + margin-top: 5pt; +} + +.project a:link { + text-decoration: none; +} +.project a:visited { + text-decoration: none; +} +.project a:hover { + text-decoration: none; +} +.project a:active { + text-decoration: none; +} + +.project p { + font-size: 20pt; + margin-inline: 20pt; + margin-top: 5pt; + margin-bottom: 5pt; +} + + .no-break { + white-space: nowrap; + } + + + +/*Light Color Themes*/ +@media (prefers-color-scheme: light) { +:root{ + background-color: #fff3f9; +} + + .title{ + color: #ff5a99; + } + +.neomorphic{ + background: #ffa7c7; + box-shadow: -5px -5px 20px rgb(254,254,255, 0.69), + 2px 2px 20px rgb(255,90,153) +} + +.neomorphic-i{ + background: #ffa7c7; + box-shadow: -3px -3px 15px rgba(254, 254, 255, 0.69) inset, + 1px 1px 15px rgb(255,90,153) inset + +} + +.neomorphic2{ + background: #ffa7c7; + transition: all 0.1s ease-in-out; + transform: scale(1); + cursor: pointer; + box-shadow: -5px -5px 20px rgba(254,254,255,0.5), + 2px 2px 20px rgb(255,90,153) +} + +.neomorphic2:hover{ + background: #ffa7c7; + transform: scale(0.98); + box-shadow: -5px -5px 20px rgba(254, 254, 255, 0), + 2px 2px 20px rgba(255, 90, 153, 0) +} + +.neomorphic2:active{ + background: #ffa7c7; + transform: scale(0.96); + box-shadow: -3px -3px 15px rgba(254, 254, 255, 0.69) inset, + 1px 1px 15px rgb(255,90,153) inset +} + +.cards2 h2 { + color: #060606; +} +.project { + color: #55052c; +} + +.project h1 { + color: #060606; +} + +.project a:link { + color: #060606; +} +.project a:visited { + color: #060606; +} +.project a:hover { + color: #060606; +} +.project a:active { + color: #060606; +} + +.principals { + color: #55052c; +} + +} + +/*Dark Color Themes*/ +@media (prefers-color-scheme: dark) { +:root{ + background-color: #060606; +} + + .title{ + color: #00d791; + } + +.neomorphic{ + background: #55052c; + box-shadow: -5px -5px 20px rgba(1, 1, 0, 0.69), + 2px 2px 20px rgba(0, 215, 143, 0.425) +} + +.neomorphic-i{ + background: #55052c; + box-shadow: -3px -3px 15px rgba(1, 1, 0, 0.69) inset, + 1px 1px 15px rgb(0, 0, 0) inset + +} + +.neomorphic2{ + background: #55052c; + box-shadow: -5px -5px 20px rgba(1, 1, 0, 0.5), + 2px 2px 20px rgba(0, 215, 143, 0.534) +} + +.cards2 h2 { + color: #fff3f9; +} + +.project { + color: #ffa7c7; +} + +.project h1 { + color: #fff3f9; +} + +.project a:link { + color: #fff3f9; +} +.project a:visited { + color: #fff3f9; +} +.project a:hover { + color: #fff3f9; +} +.project a:active { + color: #fff3f9; +} +} + diff --git a/moderation/report/substyle.css b/moderation/report/substyle.css new file mode 100644 index 0000000..842d0d6 --- /dev/null +++ b/moderation/report/substyle.css @@ -0,0 +1,256 @@ +@font-face { + font-family: "Futura"; + src: url("./../../FuturaLT-Heavy.ttf") format("truetype"); +} + +/*Basic Site CSS*/ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + padding-top: 5%; + display: grid; + place-items: center; + scroll-behavior: smooth; + text-align: center; + position: absolute; + margin-top: 10px; + width: 100%; /* Full width */ + padding-bottom: 5%; +} + +h2 { + font-size: 25pt; + z-index: 1 +} + +.card-list { + display: flex; + flex-wrap: wrap; + gap: 20px; + padding: 0; + list-style-type: none; +} + +.card-list li { + min-width: 200px; +} + +.title{ + font-size: 120px; + z-index: 1; + font-family: "Futura"; +} + +.card { + width: 800pt; + height: auto; + border-radius: 20px; + display: flex; + align-items: center; + flex-direction: column; + margin-top: 30pt; +} + +.cards1 { + width: 180pt; + height: auto; + border-radius: 40pt; + display: flex; + align-items: center; + flex-direction: column; /* Changed from column to row */ + margin-top: 30pt; + gap: 20px; /* Adds some space between image and text */ +} + +.cards2 { + width: 150pt; + height: auto; + border-radius: 30pt; + display: flex; + align-items: center; + flex-direction: column; +} + + +/*Animations*/ +.slidefadein { + opacity: 0; + transform: translateY(100px); + animation: slideAndFade 0.5s ease-in-out forwards; + } + +@keyframes slideAndFade { + to { + opacity: 1; + transform: translateY(0); + } +} + + +/*Table CSS*/ +td { + text-align: center; +} + +td img { + height: 60px; +} + +td { + width: 500px; + padding-top: 3px; + padding-bottom: 2px; +} + +img { + border-radius: 10px 10px 10px 10px; + padding: 5px; +} + +.project h1 { + font-size: 50pt; + margin-top: 5pt; +} + +.project a:link { + text-decoration: none; +} +.project a:visited { + text-decoration: none; +} +.project a:hover { + text-decoration: none; +} +.project a:active { + text-decoration: none; +} + +.project p { + font-size: 20pt; + margin-inline: 20pt; + margin-top: 5pt; + margin-bottom: 5pt; +} + +.no-break { + white-space: nowrap; +} + +table { + margin: auto; + width: 95%; + border-collapse: collapse; +} + +.table-titel { + margin: 33px +} + +table td { + border-bottom: 1px solid #ff5a99; +} + +.last-row td { + border-bottom: none; +} + +/*Light Color Themes*/ +@media (prefers-color-scheme: light) { +:root{ + background-color: #ffa7c7; +} + +.title{ + color: #ff5a99; +} + +.neomorphic{ + background: #ffa7c7; + box-shadow: -5px -5px 20px rgb(254,254,255, 0.69), + 2px 2px 20px rgb(255,90,153) +} + +h2 { + color: #060606; +} + +th { + color: #55052c; +} + +td { + color: #55052c; +} + +td a:link { + color: #55052c; + text-decoration: none; +} +td a:visited { + color: #55052c; + text-decoration: none; +} +td a:hover { + color: #55052c; + text-decoration: underline; +} + +td a:active { + color: #55052c; + text-decoration: none; +} + +} + +/*Dark Color Themes*/ +@media (prefers-color-scheme: dark) { +:root{ + background-color: #55052c; +} + +.title{ + color: #00d791; +} + +.neomorphic{ + background: #55052c; + box-shadow: -5px -5px 20px rgb(0,215,145, 0.69), + 2px 2px 20px rgb(6,6,6) +} + +h2 { + color: #fff3f9; +} + +th { + color: #ffa7c7; +} + +td { + color: #ffa7c7; +} + +td a:link { + color: #ffa7c7; + text-decoration: none; +} +td a:visited { + color: #ffa7c7; + text-decoration: none; +} +td a:hover { + color: #ffa7c7; + text-decoration: underline; +} + +td a:active { + color: #ffa7c7; + text-decoration: none; +} + +} + diff --git a/style.css b/style.css index 1c677ef..eff61b1 100644 --- a/style.css +++ b/style.css @@ -3,68 +3,70 @@ src: url("./FuturaLT-Heavy.ttf") format("truetype"); } -* { - margin: 0; - padding: 0; - box-sizing: border-box; - } +/*Basic Site CSS*/ + * { + margin: 0; + padding: 0; + box-sizing: border-box; + } - body { - overflow: hidden; - height: 100vh; - scroll-behavior: smooth; - text-align: center; - position: absolute; - margin-top: 10px; - font-family: "Futura"; - width: 100%; /* Full width */ - } + body { + overflow: hidden; + height: 100vh; + scroll-behavior: smooth; + text-align: center; + position: absolute; + margin-top: 10px; + font-family: "Futura"; + width: 100%; /* Full width */ + } - .page { - width: 100%; - display: flex; - justify-content: center; - align-items: center; - font-size: 3rem; - flex-direction: column; /* Stack children vertically */ - } - - #page1 { - height: 100vh; - background-color: #fff3f9; - color: rgb(0, 0, 0); - } + .page { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + font-size: 3rem; + flex-direction: column; /* Stack children vertically */ + } - .title{ - font-size: 120px; - z-index: 1; - color: #ff5a99; - } + h2 { + font-size: 25pt; + z-index: 1 + } - #page2 { - background-color: #ffa7c7; - color: white; - } -h2 { - font-size: 25pt; - z-index: 1 +ul { + list-style-type: none; } +li { + padding: 10pt; +} + +img { + width: 160px; + border-radius: 0 100px 100px 0; + padding: 5px; +} + +.info { + display: flex; + flex-direction: column; +} + +/*Text Glitch Effect*/ .glitch { position: relative; display: inline-block; animation: glitch 1.2s infinite steps(1); /* Instant snaps */ } -/* MAIN GLITCH (Subtler movements, more variations) */ @keyframes glitch { - /* Normal state (longer pauses) */ 0%, 60%, 62%, 70%, 100% { transform: translate(0) skew(0deg) scale(1); text-shadow: none; } - /* Micro-glitch variations */ 2% { transform: translate(1px, -1px) skew(-2deg) scale(1.01); text-shadow: 1px 0 rgba(255, 0, 0, 0.7); @@ -101,7 +103,6 @@ h2 { } } -/* PSEUDO-ELEMENTS (Subtle color splits) */ .glitch:before, .glitch:after { content: attr(data-text); @@ -111,24 +112,23 @@ h2 { width: 100%; height: 100%; opacity: 0.8; - animation: none; /* Disable smooth animations */ + animation: none; } .glitch:before { - color: rgba(0, 255, 255, 0.7); /* Cyan */ + color: rgba(0, 255, 255, 0.7); clip-path: polygon(0 0, 100% 0, 100% 30%, 0 30%); transform: translate(-0.5px, -0.3px); animation: glitch-before 1.5s infinite steps(1); } .glitch:after { - color: rgba(255, 0, 255, 0.7); /* Magenta */ + color: rgba(255, 0, 255, 0.7); clip-path: polygon(0 70%, 100% 70%, 100% 100%, 0 100%); transform: translate(0.5px, 0.2px); animation: glitch-after 1.8s infinite steps(1); } -/* Pseudo-element glitches (tiny offsets) */ @keyframes glitch-before { 0%, 100% { transform: translate(-0.5px, -0.3px); } 10% { transform: translate(-1px, 0) skew(1deg); } @@ -151,136 +151,173 @@ h2 { animation: slideAndFade 0.5s ease-in-out forwards; } - @keyframes slideAndFade { - to { - opacity: 1; - transform: translateY(0); - } - } +@keyframes slideAndFade { + to { + opacity: 1; + transform: translateY(0); + } +} -footer{ - position: fixed; - bottom: 0px; - width:100%; - height: 75px; + #page1 { + height: 100vh; + } + + .title{ + font-size: 120px; + z-index: 1; + } + +.card { + width: 800pt; + height: auto; + border-radius: 20px; display: flex; - justify-content: space-around; -} - - .background-arms { - position: absolute; - width: 100%; - height: 100%; - display: flex; - justify-content: center; - align-items: center; - z-index: 0; - } - - .sunken-arms { - width: 80vmin; - height: 80vmin; - max-width: 600px; - max-height: 600px; - opacity: 1; /* Subtle background appearance */ - filter: - drop-shadow(0.5px 0.5px rgba(255, 255, 255, 0.3)) - drop-shadow(-0.5px -0.5px rgba(176, 62, 106, 0.3)); - } - - .sunken-arms svg { - width: 100%; - height: 100%; - } - - /* Style for filled paths */ - .filled { - fill: #ffebf2; - stroke: #ffebf2; - stroke-width: 1.4; - stroke-linecap: round; - stroke-linejoin: round; - filter: - drop-shadow(inset 0.5px 0.5px rgba(176, 62, 106, 0.3)) - drop-shadow(inset -0.5px -0.5px rgba(255, 255, 255, 0.3)); - } - - /* Style for stroke-only paths (awns) */ - .stroked { - fill: none; - stroke: #ffebf2; - stroke-width: 1.4; - stroke-linecap: round; - stroke-linejoin: round; - filter: - drop-shadow(inset 0.5px 0.5px rgba(255, 255, 255, 0.3)) - drop-shadow(inset -0.5px -0.5px rgba(176, 62, 106, 0.3)); - } + align-items: center; + flex-direction: column; + margin-top: 30pt; +} +.cards1 { + width: 700pt; + height: auto; + border-radius: 40pt; + display: flex; + align-items: center; + flex-direction: row; /* Changed from column to row */ + margin-top: 30pt; + gap: 20px; /* Adds some space between image and text */ +} -.mission { - color: #55052c; +.cards2 { + width: 150pt; + height: auto; + border-radius: 30pt; + display: flex; + align-items: center; + flex-direction: column; } -.mission h1 { +.sunken-arms { + width: 80vmin; + height: 80vmin; + max-width: 600px; + max-height: 600px; + opacity: 1; /* Subtle background appearance */ +} + +.sunken-arms svg { + width: 100%; + height: 100%; +} + +/* Style for filled paths */ +.filled { + stroke-width: 1.4; + stroke-linecap: round; + stroke-linejoin: round; +} + +/* Style for stroke-only paths (awns) */ +.stroked { + fill: none; + stroke-width: 1.4; + stroke-linecap: round; + stroke-linejoin: round; +} + +.project h1 { font-size: 50pt; margin-top: 5pt; } -.mission p { +.project a:link { + text-decoration: none; +} +.project a:visited { + text-decoration: none; +} +.project a:hover { + text-decoration: none; +} +.project a:active { + text-decoration: none; +} + +.project p { font-size: 20pt; + margin-inline: 20pt; margin-top: 5pt; margin-bottom: 5pt; } - -.about { - color: #55052c; +.background-arms { + position: absolute; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + z-index: 0; } -.about h1 { +.mission h1 { font-size: 50pt; margin-top: 5pt; } -.about p { +.mission p { font-size: 20pt; - margin-inline: 20pt; margin-top: 5pt; margin-bottom: 5pt; } -.principals { - color: #55052c; -} - -.principals h1 { +.about h1 { font-size: 50pt; margin-top: 5pt; } -.principals p { +.about p { font-size: 20pt; margin-inline: 20pt; margin-top: 5pt; margin-bottom: 5pt; } -.project { - color: #55052c; -} - -.project h1 { +.principals h1 { font-size: 50pt; margin-top: 5pt; } -.project p { +.principals p { font-size: 20pt; margin-inline: 20pt; margin-top: 5pt; margin-bottom: 5pt; } + .no-break { + white-space: nowrap; + } + + + +/*Light Color Themes*/ +@media (prefers-color-scheme: light) { +:root{ + background-color: #000000; +} + + #page1 { + background-color: #fff3f9; + color: rgb(0, 0, 0); + } + .title{ + color: #ff5a99; + } + + #page2 { + background-color: #ffa7c7; + color: white; + } .neomorphic{ background: #ffa7c7; @@ -301,51 +338,157 @@ footer{ 2px 2px 20px rgb(255,90,153) } -.card { - width: 800pt; - height: auto; - border-radius: 20px; - display: flex; - align-items: center; - flex-direction: column; - margin-top: 30pt; +.mission { + color: #55052c; +} +.about { + color: #55052c; +} +.sunken-arms { + filter: + drop-shadow(0.5px 0.5px rgba(255, 255, 255, 0.3)) + drop-shadow(-0.5px -0.5px rgba(176, 62, 106, 0.3)); } -.cards1 { - width: 700pt; - height: auto; - border-radius: 40pt; - display: flex; - align-items: center; - flex-direction: row; /* Changed from column to row */ - margin-top: 30pt; - gap: 20px; /* Adds some space between image and text */ +/* Style for filled paths */ +.filled { + fill: #ffebf2; + stroke: #ffebf2; + filter: + drop-shadow(inset 0.5px 0.5px rgba(176, 62, 106, 0.3)) + drop-shadow(inset -0.5px -0.5px rgba(255, 255, 255, 0.3)); } -.cards2 { - width: 200px; - height: auto; - border-radius: 40pt; - display: flex; - align-items: center; - flex-direction: column; +/* Style for stroke-only paths (awns) */ +.stroked { + stroke: #ffebf2; + filter: + drop-shadow(inset 0.5px 0.5px rgba(255, 255, 255, 0.3)) + drop-shadow(inset -0.5px -0.5px rgba(176, 62, 106, 0.3)); +} +.cards2 h2 { + color: #060606; +} +.project { + color: #55052c; } -ul { - list-style-type: none; +.project h1 { + color: #060606; } -li { - padding: 10pt; +.project a:link { + color: #060606; +} +.project a:visited { + color: #060606; +} +.project a:hover { + color: #060606; +} +.project a:active { + color: #060606; } -img { - width: 160px; - border-radius: 0 100px 100px 0; - padding: 5px; +.principals { + color: #55052c; } -.info { - display: flex; - flex-direction: column; } + +/*Dark Color Themes*/ +@media (prefers-color-scheme: dark) { +:root{ + background-color: #060606; +} + #page1 { + background-color: #060606; + color: rgb(255, 255, 255); + } + + .title{ + color: #00d791; + } + + #page2 { + background-color: #55052c; + color: black; + } + +.neomorphic{ + background: #55052c; + box-shadow: -5px -5px 20px rgba(1, 1, 0, 0.69), + 2px 2px 20px rgba(0, 215, 143, 0.425) +} + +.neomorphic-i{ + background: #55052c; + box-shadow: -3px -3px 15px rgba(1, 1, 0, 0.69) inset, + 1px 1px 15px rgb(0, 0, 0) inset + +} + +.neomorphic2{ + background: #55052c; + box-shadow: -5px -5px 20px rgba(1, 1, 0, 0.5), + 2px 2px 20px rgba(0, 215, 143, 0.534) +} + +.mission { + color: #ffa7c7; +} +.about { + color: #ffa7c7; +} +.sunken-arms { + filter: + drop-shadow(0.5px 0.5px rgba(0, 0, 0, 0.3)) + drop-shadow(-0.5px -0.5px rgba(176, 62, 106, 0.3)); +} + +/* Style for filled paths */ +.filled { + fill: #000000; + stroke: #000000; + filter: + drop-shadow(inset 0.5px 0.5px rgba(176, 62, 106, 0.3)) + drop-shadow(inset -0.5px -0.5px rgba(0, 0, 0, 0.3)); +} + +/* Style for stroke-only paths (awns) */ +.stroked { + stroke: #000000; + filter: + drop-shadow(inset 0.5px 0.5px rgba(0, 0, 0, 0.3)) + drop-shadow(inset -0.5px -0.5px rgba(176, 62, 106, 0.3)); +} +.cards2 h2 { + color: #fff3f9; +} + +.project { + color: #ffa7c7; +} + +.project h1 { + color: #fff3f9; +} + +.project a:link { + color: #fff3f9; +} +.project a:visited { + color: #fff3f9; +} +.project a:hover { + color: #fff3f9; +} +.project a:active { + color: #fff3f9; +} + +.principals { + color: #ffa7c7; +} +} +