/* the usual styles rws */
.centertext {text-align:center; margin:0 auto;}
.centertext img {margin:0 auto; text-align:center}
.spb4 {margin-top: 2em;}
.clearboth {clear:both}
.fleft {float:left;}
.fright {float:right;}
.textright {text-align:right}
.small {font-size: 0.9em;}
.fff {color:#fcf8ef;}
.fff a {color:#fcf8ef;}
a.fff {color:#fcf8ef;}
.hide {display:none}
.fullimg img {width: 100%;}
.nounderline a:link, .nounderline a:hover {text-decoration:none}
a.nounderline {text-decoration:none}
.make-italics {font-style: italic}
/* Image Aspect Ratios */
.aspect-1-1, .aspect-1-1 img {aspect-ratio: 1/1; object-fit: cover;}
.aspect-3-2 img {aspect-ratio: 3/2; object-fit: cover;}
.aspect-2-3, .aspect-2-3 img {aspect-ratio: 2/3; object-fit: cover;}
.aspect-4-3, .aspect-4-3 img {aspect-ratio: 4/3; object-fit: cover;}
.aspect-3-4, .aspect-3-4 img {aspect-ratio: 3/4; object-fit: cover;}
.aspect-16-9, .aspect-16-9 img {aspect-ratio: 16/9; object-fit: cover;}
.aspect-9-16, .aspect-9-16 img {aspect-ratio: 9/16; object-fit: cover;}

/* section with overlay */
.overlay-container {
    position: absolute;
}

/* drawn borders experiment */
.one {
    border-radius: 255px 25px 225px 15px/18px 225px 5px 255px;
     padding:1em;
     line-height:1.5em;
     border:solid 5px hsla(0, 95%, 35%, 1);
}

/* drawn buttons */
 .custom-button {
     border-top-left-radius: 255px 15px;
     border-top-right-radius: 15px 225px;
     border-bottom-right-radius: 225px 15px;
     border-bottom-left-radius:15px 255px;
     background:#ffffffd9;
     padding: .5rem 1rem;
}
 .custom-button:hover{
     box-shadow:2px 8px 4px -6px hsla(0,0%,0%,.3);
     background:#ffffffed;
}
 .custom-button.lined.thick{
     border:solid 3px #41403E;
}
.custom-button.dotted.thick{
     border:dotted 3px #41403E;
}
.custom-button.dashed.thick{
     border:dashed 3px #41403E;
}
.custom-button.lined.thin{
     border:solid 2px #41403E;
}
.custom-button.dotted.thin{
     border:dotted 2px #41403E;
}
.custom-button.dashed.thin{
     border:dashed 2px #41403E;
}