upload

2024-09-12 11:37:42 +02:00
commit 3a496e76df
13 changed files with 389 additions and 0 deletions
--- a/style.css
+++ b/style.css
@ -0,0 +1,142 @@
+/* 
+html, body{
+    width: 100%;
+    height: 100%;
+}
+*/
+html, body{
+    font-size: large;
+    border: 0px;
+    margin: 0px;
+    padding: 0px;
+}
+
+p{
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+#pagetitle{
+    text-align: center;
+    text-decoration: solid;
+    margin: 0;
+    border: 0;
+    font-size: 15ch;
+    padding: 1ch;
+    background-image: url("./images/nancat.gif");
+    text-shadow:         /*to make a border for each letter*/
+    2px 2px 0 black,  /* Right-down shadow */
+    -2px 2px 0 black, /* Left-down shadow */
+    2px -2px 0 black, /* Right-up shadow */
+    -2px -2px 0 black; /* Left-up shadow */
+}
+h2{
+    text-shadow: 1px 1px 0 yellow;
+    color:red;
+    letter-spacing: 1ch;
+    text-align: center;
+}
+
+#maincat{
+    border-radius: 50% 50% 0% 0%;
+    margin: 80px 0px 0px 0px;
+    width: 100%;
+    padding: 0px;
+    border: 0px;
+}
+#maincats{
+    float: left;
+    width: 20%;
+}
+
+#firstpar, #secondpar{
+    text-align: justify;
+    line-height: 3ch;
+    width: 35%;
+    padding: 2.5%;
+}
+
+#firstpar{
+    float:left;
+}
+
+#secondpar{
+    float: right;
+}
+
+hr{
+    margin: 0% 10%;
+    width: 80%;
+    color: aqua;
+    border-style: dotted none none none;
+    border-width: 5ch;
+    height: 1ch;
+}
+
+#thirdpar{
+    margin: 20px 30%;
+    width: 40%;
+    text-align: center;
+    border-style: solid;
+    border-radius: 5%;
+    border-width: 2px;
+    text-align: justify;
+    padding: 15px;
+}
+
+table{
+    margin: 3%;
+    text-align: justify;
+}
+table h2{
+    letter-spacing: normal;
+    float: right;
+}
+
+table img{
+    border-radius: 0 20% 20% 0;
+    float: left;
+    width: 70%;
+}
+
+td{
+    border: 0px;
+    min-width: 25ch;
+    padding: 0px 10px;
+    margin: 0px;
+}
+
+th{
+    font-size: 5ch;
+    font-family:cursive;
+    padding: 0 0 20px 0;
+}
+
+#catreasons, #catcharacter{
+    width: 47%;
+    border: 0px;
+    margin: 0px;
+    padding: 20px;
+    float: left;
+    text-align: justify;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+#catreasons h1, #catcharacter h1{
+    text-align: center;
+    text-shadow: 2px 2px 0 red;
+    font-family: fantasy;
+}
+
+dt, mainli{
+    text-transform:uppercase;
+    font-style: italic;
+    color: blueviolet;
+    text-decoration: wavy underline;
+    font-weight: 900;
+}
+
+iframe{
+    margin: 20px 20%;
+    pointer-events: none;
+    width: 60%;
+    aspect-ratio: 19/9;
+}