#background {
     background-repeat: no-repeat;
    /*background-color: #4a4b52e0;
    */
     background-position: left top;
     background-image: url(images/frosted.jpg);
     background-size: 100% 100%;
     background-size: cover;
}
 #raincanvas {
     width: fit-content !important;
     height: fit-content !important;
     opacity: 0.4;
    /*background-color: #4a4b52e0;
    */
}
 #countercanvas {
     opacity: 0.4;
}
 .raincanvas{
     position: relative;
     width: 250px;
     height: 350px;
     top: calc(50% - 175px);
     left: calc(50% - 125px);
     background: inherit;
     border-radius: 2px;
     overflow: hidden;
}
 .raincanvas:after{
     content: '';
     width: 300px;
     height: 300px;
     background: inherit;
     position: absolute;
     left: -25px;
     left position right: 0;
     top: -25px;
     top position bottom: 0;
     box-shadow: inset 0 0 0 200px rgba(255,255,255,0.05);
     filter: blur(10px);
}
 body, #body_style {
     width: 100% !important;
     background: #36383f;
     font-family: Arial, Helvetica, sans-serif;
     color: rgb(54, 56, 63);
     line-height: 1;
}
 audio {
     filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(75%);
     /* width: 200px; */
     height: 25px;
     pointer-events:auto !important;
}
 multiline {
    /*color: #DDDDDD;
    */
     font-size: 18px;
     /* font-family: "Comic Sans MS", "Comic Sans", cursive; */
     font-family: Georgia, serif;
     -webkit-background-clip: text;
     color: transparent;
     /*background-color: #e7eff9;
     background-image: linear-gradient(315deg, #e7eff9 0%, #cfd6e6 74%);*/
	 background-color: #efecec;
	 background-image: linear-gradient(315deg, #efecec 0%, #f9aba4 74%);
}
 .emoji {
     color: initial !important;
     font-family: unset !important;
     -webkit-background-clip: unset !important;
     background-color: unset !important;
     background-image: unset !important;
     width: 24px !important;
     height: 24px !important;
     display: inline !important;
     position: relative !important;
     top: 5px !important;
}
 .ExternalClass {
     width: 100%;
}
 .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
     line-height: 100%;
}
 body {
     -webkit-text-size-adjust: none;
     -ms-text-size-adjust: none;
}
 body, img, div, p, ul, li, span, strong, a {
     margin: 0;
     padding: 0;
}
 html, body {
     overflow: hidden;
     height:100%;
     width:100%;
     pointer-events:none;
}
 tbody {
     pointer-events:auto !important;
     /* visibility: hidden; */
}
 canvas{
     position: fixed;
    /*absolute;
    */
     z-index: -1;
     width:100%;
     height:100%;
}
 .bnw {
     filter: none;
     -webkit-filter: grayscale(0);
     -webkit-transform: scale(1.01);
     -webkit-transition: all .8s ease-in-out;
}
 .bnw:hover {
     filter: gray;
     -webkit-filter: grayscale(1);
    /* Webkit Nightlies & Chrome Canary */
     -webkit-transition: all .8s ease-in-out;
}
 #sparkles {
     color: #9393F0;
     background-image: url(images/sparkle_yellow.gif);
}
/* Hide scrollbar for Chrome, Safari and Opera */
 body::-webkit-scrollbar {
     display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
 body {
     -ms-overflow-style: none;
    /* IE and Edge */
     scrollbar-width: none;
    /* Firefox */
}
 #overlay {
     position: fixed;
     display: block;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0,0,0,1);
     z-index: 100;
     cursor: default;
}
 #text{
     position: absolute;
     top: 50%;
     left: 50%;
     font-size: 50px;
     color: white;
     transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
}
 table {
     border-spacing: 0;
}
 table td {
     border-collapse: collapse;
}
 a {
     color: #772a90;
     text-decoration: none;
     outline: none;
}
 a[href^="tel"], a[href^="sms"] {
     text-decoration: none;
     color: #000000;
}
 img {
     display: block;
     border: none;
     outline: none;
     text-decoration: none;
}
 table {
     border-collapse: collapse;
     mso-table-lspace: 0pt;
     mso-table-rspace: 0pt;
}
 @media screen and (max-width: 599px) {
     body[yahoo] .wrapper {
         width: 100% !important;
    }
     body[yahoo] .device-width {
         width: 100% !important;
         height: auto !important;
    }
     body[yahoo] .mobile-font {
         font-size: 60px !important;
    }
     body[yahoo] .less-mobile-font {
         font-size: 45px !important;
    }
     body[yahoo] .mobile-top-gap {
         height: 15px !important;
    }
     body[yahoo] .visible-mobile {
         display: block !important;
    }
}
 @media screen and (max-width: 479px) {
     body[yahoo] .mobile-gap {
         width: 10px !important;
    }
     body[yahoo] .heart-repeater {
         width: 75px !important;
    }
     body[yahoo] .pink-heart {
         width: 30px !important;
    }
}
 #countdowntimer {
     background-image: url(images/sparkle_yellow.gif);
}
 .showlater {
    /*position: absolute;
    */
}
 .loweropacity {
	 
    /* opacity: 0.7; */
    /*position: absolute;
    */
}
 .hidetag {
    position: fixed;
   
}
 .shape {
     position: absolute;
     width: 50px;
     height: 50px;
     transform: scale(0.8);
}
 .cir {
     position: absolute;
     border-radius: 50%;
     z-index: 5;
}
 .btn-contain {
     height: 100px;
    /*width: 200px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
    */
     display: flex;
     align-items: center;
     justify-content: center;
     align-content: center;
     flex-direction: row;
     flex-wrap: nowrap;
}
 .btn {
    /*position: absolute;
    */
     top: 50%;
     left: 50%;
     height: 30px;
    /*transform: translate(-50%, -50%);
    */
     border-radius: 4px;
     background: #333;
     text-align: center;
     z-index: 10;
     transition: 0.2s;
     cursor: pointer;
     color: #fff;
     box-shadow: 0px 1px 5px 2px #BFCEEF;
}
 .btn:active, .btn:hover, .btn:focus {
     outline: none !important;
     color: white;
}
 .btn-particles {
     width: 100px;
     height: 100px;
     position: absolute;
     border-radius: 50%;
     color: #eee;
     font-family: monospace;
     z-index: 5;
     display:inline-block;
    /* filter: url(#gooeyness);
     */
}
 .btn:active {
     transform: scale(0.9) translate(-0%, -0%);
}
 .modal {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.9);
     opacity: 0;
     visibility: hidden;
     z-index: 70;
}
 .modal-box {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: pink;
     padding: 1rem 1.5rem;
     width: 24rem;
     border-radius: 0.5rem;
     z-index: 70;
}
 .close-button {
     float: right;
     width: 1.5rem;
     line-height: 1.5rem;
     text-align: center;
     cursor: pointer;
     border-radius: 0.25rem;
     background-color: lightgray;
}
 .show-modal {
     opacity: 1;
     visibility: visible;
     transform: scale(1.0);
}
 .play{
    /*background-color: black;
    */
    /*border-radius: 5%;
    */
     font-size: 32px;
    /*animation: 1s fadeIn;
     animation-fill-mode: forwards;
    */
     animation: 0.3s slide 0.3s forwards;
     transform:translateX(-100%);
     visibility: visible !important;
     font-family: "Comic Sans MS", "Comic Sans", cursive;
     pointer-events:auto !important;
    /*background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red) !important;
     -webkit-background-clip: text !important;
     color: transparent !important;
    */
     -webkit-background-clip: text !important;
     color: transparent !important;
    /*background-color: #e84393;
     background-image: linear-gradient(315deg, #e84393 0%, #000000 74%);
    */
     background-color: #772f1a;
     background-image: linear-gradient(315deg, #772f1a 0%, #f2a65a 74%);
    /*height: unset !important;
    */
    /* word-wrap: break-word;
     white-space: -moz-pre-wrap;
     white-space: pre-wrap;
     */
}
 @keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         visibility: visible !important;
         opacity: 1;
    }
}
 .blink_me {
     animation: blinker 1s linear infinite;
}
 @keyframes blinker {
     50% {
         opacity: 0;
    }
}
 @keyframes slide {
     to {
         transform:translateX(0);
    }
}
/*li + li {
     margin-bottom: 10px !important;
}
*/