/*@font-face {font-family: spirit;src: url(https://dl.dropbox.com/scl/fi/npu6iooiwovhxljcjoeex/spirit.ttf?rlkey=eubwh1fc2c460q68exstay65d&dl=0);}*/
   
* {
box-sizing: border-box;
margin: 0;
padding: 0;}

body {
font-family: tahoma, calibri, georgia, arial, sans-serif;
font-size:11px;
color:#DC94A1;
letter-spacing:1px;
line-height:13px;
background: #FFF7F9 url(https://64.media.tumblr.com/effebb0ce0a222afb14b9b133deb4f83/14fadfff40e7cda3-7b/s500x750/62c66254c66af1722057f3161fc6629f4388e6de.gifv) fixed;
padding:20px;}

i {color:#EA8888;}
textarea {background:#FFF7F9;padding:3px;color:#666;border:1px solid #ccc;font:9px tahoma;width:98%;height:77px;letter-spacing:1px;}
    
/* Links */
a{color:#EA8888;text-decoration:none;font-weight:bold;}
a:hover { color:#DC94A1; text-decoration:none; }
.extra {display:block;font-size:12px;padding-left:10px;margin-bottom:4px;color:#EA8888;}  
    
/* Scrollbar */
::-webkit-scrollbar-thumb {
background-color: #EA8888;
border:1px solid #fff;
border-radius: 6px;}
::-webkit-scrollbar {
width:6px; height: 0px;
background: transparent;}

/* Boxes and Titles */
.box {background:#FFF7F9;padding:5px;border:1px dashed #EDC2B1;border-radius:10px;}
.title {font:italic 15px 'georgia', arial;font-weight:bold;color:#F7B6C2;text-transform:lowercase;letter-spacing:3px;margin-bottom:5px;border-bottom:2px solid #fff;}
.title-filled {background:#F7B6C2;text-align:center;font:italic 13px 'georgia', arial;font-weight:bold;color:#fff;text-transform:lowercase;letter-spacing:3px;margin-bottom:4px;padding:1px;border-radius:10px;}


/* Layout */
.container {
width: 100%;
max-width: 700px;
margin: 20px auto;
background:#FDF0F2;
padding:10px;
border-radius:20px;
border-width:8px;
border-style:solid;
border-image: url("https://64.media.tumblr.com/5ff9a9d85e20892630c315cd0f203304/02a5b77b04f46187-6e/s75x75_c1/965fd167f4de4644dc593728fddedb46a37b93e7.pnj") 8 fill round;}

/* Header / Site name */
.sitename {
color: #F7B6C2;
padding: 10px;
margin-bottom:10px;
text-align:center;
font:italic 26px 'spirit', georgia, arial;}

/* Navigation */
.nav-bar {
margin-top: 0px;
background: transparent;
display: flex;
justify-content: center;
padding: 0px;}

.nav-bar a {
color: #EA8888;
font-weight:bold;
text-decoration: none;
text-transform:lowercase;
font-family:georgia, arial;
padding-bottom:0px;
font-size: 11px;
line-height:15px;
background:#fff;
padding:2px 10px;
margin-left:5px;
margin-right:5px;
border:1px dashed #EDC2B1;
border-radius:10px;}

/* Main / Content area */
.content {
display: flex;
gap: 10px;
margin-top:10px;}

.column {
flex: 1;
border-radius:10px;
padding: 3px;
text-align: justify;}

.largecolumn {
flex: 2;
border-radius:10px;
padding: 3px;
text-align: justify;}

/* Footer */
.footer {
background: #fff;
text-align: center;
padding: 10px;
margin-top:10px;
border:1px dashed #ddd;
border-radius:20px;}

/* Responsiveness */
@media (max-width: 600px) {
.content {
flex-direction: column;}

.nav-bar {
flex-direction: column;
gap: 8px;
align-items: center;
}
.nav-bar a {display:block;width:60%;text-align:center;}
}