/* 
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;
}