<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*************************************************************************************/
/* Site: MiAna Place                                                                 */
/* URL: https://www.mianaplace.com                                                   */
/* Author: Mandi                                                                     */
/* Filename: "miana.css"                                                             */
/* Copyright: 2022 MiAna Place. All rights reserved.                                 */
/*************************************************************************************/

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #800000; background-color: #f077f0; background-image: linear-gradient(90deg, rgba(240,119,240,1) 0%, rgba(255,102,255,1) 30%, rgba(255,153,255,1) 50%, rgba(255,102,255,1) 70%, rgba(240,119,240,1) 100%); background-repeat: repeat; background-attachment: fixed; margin: 10px; padding: 0;}
body, html {scrollbar-face-color: #95556F; scrollbar-highlight-color: #95556F; scrollbar-3dlight-color: #95556F; scrollbar-darkshadow-color: #CCCCCC; scrollbar-shadow-color: #95556F; scrollbar-arrow-color: #F7E9EE; scrollbar-track-color: #EFD9E5;}
font, td, th, p, P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #800000;}
.gensmall {font-size:16px;}
td.genmed,.genmed {font-size:16px;max-width: 800px;margin: 0 auto;}
a {word-break: break-all;; white-space: normal;}
a:link, a:visited {text-decoration: none; color: #990000;}
a:hover {text-decoration: none; color: #800000;}
.topbkg {background: #95556F; background-image: linear-gradient(#f699cc, #f4d7ed); border: 0px; padding: 0px; border-spacing:0px; width: 100%;}
th {background: #95556F; background-image: linear-gradient(#200000, #9C02C8); color: #F6E8EC; font-size: 16px; font-weight: bold; height: 29px; white-space: nowrap; text-align: center; padding-left: 8px; padding-right: 8px;}
.mainline {border:2px solid #990000; border-spacing:0px; background-color: #f4d7ed; margin: 0 auto; max-width: 936px; display: block; padding: 0px; width: 100%; border-radius: 20px; overflow: hidden; border-collapse: collapse;}
.bottomline {font-size: 16px; background: #200000; background-image: linear-gradient(#9C02C8, #200000, #CC00FF); background-repeat: repeat; color: #F6E8EC; height: 29px; white-space: nowrap; text-align: center;}
.tenline {border: 0px; padding: 10px; border-spacing: 0px; width: 100%;}
.fiveline {border: 0px; padding: 5px; border-spacing: 0px; width: 100%;}
.twoline {border: 0px; padding: 0px; border-spacing: 0px; width: 100%;}
.bottomline a:link {color: #F6E8EC;}
.bottomline a:visited {color: #F6E8EC;}
.forumline {background:#F9F9F9; border:2px solid #F9F9F9; padding: 3px; border-spacing:1px; border-collapse: collapse; width: 100%;}
.row1 {vertical-align: top; width: 100%;}
.maintitle,h1 {font:bold 24px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-align:center; color:#310019; word-wrap:break-word;}
h2,h3 {font:bold 20px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-align:center; color:#410810;overflow-wrap: break-word;}
.tbl {border-collapse: collapse; height: 4px; width: 100%; border: 0px; padding: 0px; border-spacing:0px; display: block;}
.tbll {background: url(images/tb4_l.gif) no-repeat; width: 8px;}
.tblbot {background: url(images/tb4_m.gif) repeat-x; width: 100%;}
.tblr {background: url(images/tb4_r.gif) no-repeat; width: 8px;}
img {border: 0 solid; max-width: 100%; height: auto;}
input,select,textarea {background:#F7E9EE; border:1px solid #93395D; color:#990000; font-size: 16px; max-width: fit-content;}
.center-section {text-align: center;  display: block;}
.quote {background:#fff4f2; border:1px solid #440202; font-size:14px; line-height:125%;}
blockquote, .quotediv {background:#fff4f2; border: 1px solid #440202; border-top:0; padding:5px; overflow:auto; width:90%; text-align:left;}

.topnav {height: 50px; overflow: hidden; background-color: #200000; background-image: linear-gradient(#CC00FF, #200000, #9C02C8);}
.topnav a {float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;}
.active {background-color: #4CAF50; color: white;}
.topnav .icon {display: none;}
.dropdown {float: left; overflow: hidden;}
.dropdown .dropbtn {font-size: 17px; border: none; outline: none; color: white; padding: 14px 20px; background-color: #200000; background-image: linear-gradient(#CC00FF, #200000, #9C02C8);font-family: inherit; margin: 0; z-index: 9999;}
.dropdown-content {display: none; position: absolute; background-color: #fff4f2; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999;}
.dropdown-content a {float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.topnav a:hover, .dropdown:hover .dropbtn {background-color: #CC99FF; color: white;}
.dropdown-content a:hover {background: #FDE6EA; background-image: linear-gradient(#CC99FF, #e0d8ff); color: black;}
.dropdown:hover .dropdown-content {display: block;}
.show {display: block;}

@media screen and (max-width: 969px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {display: none;}
  .topnav a.icon {float: right; display: block;}
}
@media screen and (max-width: 969px) {
  .topnav.responsive {position: relative; overflow: initial;}
  .topnav.responsive .icon {position: absolute; right: 0; top: 0;}
  .topnav.responsive a {float: none; display: block; text-align: left;}
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {display: block; width: 100%; text-align: left;}
}

/* The grid: Four equal columns that floats next to each other */
.column {float: left; width:25%; padding: 10px;box-sizing: border-box; text-align: center;}
/* Style the images inside the grid */
.column img {opacity: 0.8; cursor: pointer; max-height: 150px; object-fit: contain;}
.column img:hover {opacity: 1;}
/* Clear floats after the columns */
.row:after {content: ""; display: table; clear: both;}
/* The expanding image container */
.container {position: relative; display: none;}
/* Expanding image text */
#imgtext {position: absolute; bottom: 15px; left: 15px; color: white; font-size: 20px;}
/* Closable button inside the expanded image */
.closebtn {background: #95556F; background-image: linear-gradient(#200000, #95556F); position: absolute; top: 10px; right: 15px; color: white; font-size: 35px; cursor: pointer; padding: 0px 9px 0px; border-radius: 50%;}

.resp-container {position: relative; overflow: hidden; padding-top: 56.25%;}
.resp-iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

#visitor,#visitormail {max-width: 400px;width: 100%;height: 32px;}
#attn {width: 100%;max-width: 410px;height: 42px;}
#notes {width: 100%;max-width: 800px;height: 220px;}
#submit {width: 100%;max-width: 400px;height: 42px;font-weight: bold;}

/* BellaBook Stuff */
p {margin: 0 0 13px;}
input, textarea {padding: 3px 5px; vertical-align: middle; margin: 2px 0;}
textarea {width: 100%; height: 120px; max-width: 300px}
input#submit, input[type=button] {padding: 0px 12px;line-height: 1.6em;margin-top: 12px;box-shadow: 1px 1px 10px #900393;}
input#submit:hover, input[type=button]:hover {background-image: linear-gradient(#CC99FF, #e0d8ff); box-shadow: 4px 5px 18px -3px rgb(255, 3, 3);}
#mbcontainer {background: linear-gradient(90deg, rgb(255, 204, 204) 0%, rgb(255, 244, 242) 30%, rgb(255, 253, 253) 50%, rgb(255, 244, 242) 70%, rgb(255, 204, 204) 100%);border: 1px solid #b5106b;border-radius: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);width: 600px;padding: 5px 25px; margin: 30px auto; text-align: left;}
#mbtopnav, #mbfooter, .pagination {margin: 0 auto; text-align: center; width: 70%;}
#mbtopnav {border-bottom: 1px solid #990000; margin-bottom: 10px; padding: 5px 0 10px;}
#mbfooter {border-top: 1px solid #990000; margin-top: 10px; padding: 10px 0 5px;}
.mbentries {width: 100%; border-collapse: collapse; margin: 10px auto; border-radius: 22px; background: linear-gradient(90deg, rgba(255,204,204,1) 0%, rgba(255,244,242,1) 30%, rgba(255,253,253,1) 50%, rgba(255,244,242,1) 70%, rgba(255,204,204,1) 100%); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.mbentries td.meta {width: 45%; line-height: 1.5;}
.mbentries td.metamid {width: 53px; line-height: 1.5; padding: 5px;}
.mbentries td {vertical-align: top; padding: 10px;}
.mbentries td img {vertical-align: bottom;}
span.bold {font-weight: bold;}
.hidden {display: none;}
.check {width: 14px;}

.ctline {width:100%;max-width:max-content;border:0px;padding:14px 7px 14px 7px;;border-spacing:0px;background:#fff4f1;border-radius:15px;overflow:hidden !important;margin:15px 0px 15px 0px;;box-shadow:1px 1px 10px #900393; z-index:147;}

@media screen and (max-width: 969px) {
.ctline {border-collapse:collapse; padding:14px 0px 14px 0px; position: inherit;}
.genmed {margin:0px;}
th {padding: 0px;}
}

ol, ul {overflow-wrap: break-word;}</pre></body></html>