/* Susie's Animals - https://www.allmypets.uk - TEXT-CSS Stylesheet - E-mail: inbox@allmypets.uk */

@font-face     {
                 font-family: 'Tarzan';
                 src: url('../fonts/Tarzan.woff2') format('woff2'),
                 url('../fonts/Tarzan.woff') format('woff');
                 font-weight: 100;
                 font-style: normal;
                 font-display: swap;
}
@font-face     {
                 font-family: 'Comic Sans MS';
                 src: url('../fonts/ComicSansMS.woff2') format('woff2'),
                 url('../fonts/ComicSansMS.woff') format('woff');
                 font-weight: normal;
                 font-style: normal;
                 font-display: swap;
}
@font-face     {
                 font-family: 'Comic Sans MS';
                 src: url('../fonts/ComicSansMS-Bold.woff2') format('woff2'),
                 url('../fonts/ComicSansMS-Bold.woff') format('woff');
                 font-weight: bold;
                 font-style: normal;
                 font-display: swap;
}
@font-face     {
                 font-family: 'Comic Sans MS';
                 src: url('../fonts/ComicSansMS-Italic.woff2') format('woff2'),
                 url('../fonts/ComicSansMS-Italic.woff') format('woff');
                 font-weight: normal;
                 font-style: italic;
                 font-display: swap;
}
@font-face     {
                 font-family: 'Comic Sans MS';
                 src: url('../fonts/ComicSansMS-BoldItalic.woff2') format('woff2'),
                 url('../fonts/ComicSansMS-BoldItalic.woff') format('woff');
                 font-weight: bold;
                 font-style: italic;
                 font-display: swap;
}
body           {
                 width: 100%;
                 min-width: 960px;
                 background-color: #000000;
                 background-image: url("background.gif");
                 margin: 0px 0px 0px 0px;
                 text-align: center;
}
.blink         {
                 position: absolute;
                 padding-top: 75px;
                 left: 50%;
                 transform: translate(-50%, -50%);
}        
.blink p       {
                 font-family: 'Tarzan';
                 font-size: 50px;
                 color: #FF00FF;
                 text-align: center;
                 animation: animate 1.5s linear infinite;
}
@keyframes animate {
         0%    {
                 opacity: 0;
         }
  
         50%   {
                 opacity: 0.7;
         }
  
         100%  {
                 opacity: 0;
         }
}
h1             {
                 text-align: center;
                 font-family: 'Comic Sans MS';
                 font-size: 22px;
                 color: #FF00FF;
}
.top-bottom    {
                 text-align: center;
                 padding-top: 75px;
                 padding-right: 50px;
                 padding-bottom: 30px;
                 padding-left: 50px;
                 margin: 0 auto;
}
.text_style    {
                 text-align: center;
                 font-family: Comic Sans MS;
                 font-size: 18px;
                 color: #FF00FF;
}
.text_style span {
                 text-align: center;
                 font-family: Comic Sans MS;
                 font-size: 15px;
                 font-style: italic;
                 color: #FF00FF;
}
table          {
                 border-collapse: collapse;
                 border-spacing: 0;
                 text-indent: 0;
}
th, td         {
                 padding: 0;
}
.collage       {
                 width: 960px;
                 height: 720px;
                 margin: 0 auto;
}
a             {
                 color: #FF91C8; 
}
a:visited     {
                 color:#b2868e;
}
a:hover       {
	         color: #FF00FF;
}
a:active      {
	         color: #FF00FF;
}
.chain        {
                 width: 400px;
                 height: 11px;
                 padding-top: 10px;
                 padding-bottom: 10px;
}
.photo_box    {
                 width: 320px;
                 height: 240px;
}
.photo_menu   {
                 width: 320px;
                 height: 240px;
                 background-color: #C0C0C0
}
.photo_menu:hover {
                 position: relative;
                 box-shadow: 1px 1px 15px 10px #FF00FF;
}
.photo_menu:active {
                 position: relative;
                 box-shadow: 1px 1px 15px 10px #FF00FF;
}
.share-button, .share-button:visited {
                 display: inline-block;
                 text-decoration: none;
                 border: none;
                 border-radius: 50%;
                 padding: 2px 10px;
                 outline: 1.5px solid #FF91C8;
                 text-align: center;
                 font-family: 'Comic Sans MS';
                 font-size: 16px;
                 font-weight: bold;
                 color: #FF91C8;
                 background-color: rgba(255, 145, 200, 0.2);
                 margin: 0 3px;
}
.share-button:hover, .share-button:active {
                 text-decoration: none;
                 box-shadow: 1px 1px 15px 0.5px #FF00FF;
                 outline:  1.5px solid #FF00FF;
                 color: #FF00FF;
}
.photos        {
                 width: 320px;
                 height: 240px;
                 background-color: #C0C0C0
}
.information   {
                 width: 960px;
                 margin: 0 auto;
                 text-align: justify;
                 font-family: 'Comic Sans MS';
                 font-size: 16px;
                 font-style: italic;
                 color: #FF00FF;
}
.information span {
                 font-family: 'Comic Sans MS';
                 font-size: 18px;
                 color: #FF00FF;
                 font-weight: bold;
}
.information_text {
                 text-align: center;
                 font-family: 'Comic Sans MS';
                 font-size: 16px;
                 font-style: italic;
                 color: #FF00FF;
}
.information_text span {
                 font-family: 'Comic Sans MS';
                 font-size: 18px;
                 color: #FF00FF;
                 font-weight: bold;
}
.box_left      {
                 border: 2px solid #FA8DF1;
                 background-color: #FFCCFF;
	         display: inline;
                 float: left;
                 margin-top: 10px;
                 margin-bottom: 10px;
                 margin-right: 15px;
                 padding: 0px;
}
.box_right     {
                 border: 2px solid #FA8DF1;
                 background-color: #FFCCFF;
	         display: inline;
                 float: right;
                 margin-top: 10px;
                 margin-bottom: 10px;
                 margin-left: 15px;
                 padding: 0px;
}
.box_text      {
	         font-family: 'Times New Roman', Georgia, serif;
	         text-align: center;
                 font-size: 16px;
	         color: #000000;
	         background-color: #FFCCFF;
                 vertical-align: middle;
                 padding: 0;
}
.box_text-2    {
	         font-family: 'Times New Roman', Georgia, serif;
	         text-align: center;
                 font-size: 16px;
                 font-weight: normal;
	         color: #000000;
	         background-color: #FFCCFF;
                 text-decoration: underline;
                 padding: 0;
}
.box-text-3    {
                 font-family: 'Times New Roman', Georgia, serif;
	         text-align: center;
                 font-weight: bold;
                 font-size: 16px;
	         color: #000000;
	         background-color: #FFCCFF;
}
.scientific_box {
	         border: 2px solid #FA8DF1;
	         background-color: #FFCCFF;
                 float: right;
                 margin-top: 10px;
                 margin-bottom: 0px;
                 margin-left: 15px;
}
.box_header    {
                 font-family: 'Times New Roman', Georgia, serif;     
                 text-align: center;
                 font-weight: bold;
                 font-size: 20px;
                 color: #000000;
                 background-color: #FFCCFF;
}
.scientific-list  {
                 margin: 0;
                 padding: 0;
                 list-style-type: none;
}
.scientific-category {
                 text-align: left;
                 vertical-align: top;
                 white-space: nowrap;
                 font-family: 'Times New Roman', Georgia, serif;                
                 font-weight: normal;
                 font-style: italic;
                 color: #000000;
                 background-color: #FFCCFF;
}
.scientific-category-2 {
                 text-align: left; 
                 vertical-align: top; 
                 font-family: 'Times New Roman', Georgia, serif;
                 font-weight: normal;
                 font-style: italic;
                 font-size: 16px;
                 color: #000000;
                 background-color: #FFCCFF;
}
.scientific-category-3 {
                 text-align: right;
                 white-space: nowrap;
                 font-family: 'Times New Roman', Georgia, serif;
                 font-size: 16px;
                 font-style: italic;
                 color: #000000;
                 background-color: #FFCCFF;
}
.scientific-definition {
                 margin: 0;
                 vertical-align: top;
                 padding-left: 35px;
                 white-space: nowrap;
                 font-family: 'Times New Roman', Georgia, serif; 
                 font-size: 16px;
                 font-style: normal;
                 font-weight: bold;
                 color: #000000;
                 background-color: #FFCCFF;
}
.scientific-definition-2 {
                 color: #000000;
                 text-align: left;
                 padding-left: 15px;
                 font-family: 'Times New Roman', Georgia, serif;  
                 font-size: 16px;
                 font-weight: bold;
                 background-color: #FFCCFF;
}
.scientific-header   {
                 text-align: center;
                 font-style: italic;
                 font-family: 'Times New Roman', Georgia, serif;
                 font-size: 16px;
                 color: #000000;
                 text-decoration: underline;
}
.scientific-type {
                 text-align: left;
                 font-family: 'Times New Roman', Georgia, serif;
                 font-size: 16px;
                 font-style: normal;
                 font-weight: bold;
                 color: #000000;
}
.scientific-figures {
                 font-family: 'Times New Roman', Georgia, serif;
                 white-space: nowrap;
                 color: #000000;
                 font-size: 16px;
                 font-style: normal;
                 font-weight: bold;
}