#header {display: flex;flex-direction: row; justify-content: space-between;}
* {box-sizing: border-box;}
.bg-black{background-color:#010101}
.bg-dodgerblue{background-color:#1E90FF}
.bg-fuschia{background-color:#FF00FF}
.bg-ghost{background-color:#F8F8FF}
.bg-gold{background-color:#FFD700}
.bg-honey{background-color:##F0FFF0}
.bg-hotpink{background-color:#FF69B4}
.bg-indigo{background-color:#6F00C2}
.bg-red{background-color:#FF4500}
.bg-springgreen{background-color:#00FF7F}
.bg-yellow{background-color:#FFFF00}
.bgtxt{font-size: 2em}
.black{color:#010101}
.buttonwhite:hover {color: rgb(100% 81.96% 5.82%);background: #010101;transition: all 0.4s ease 0s;}
.buttonwhite{background-color: white;color: black;font-family:Segoe UI,century gothic,arial,verdana;font-weight:bold;padding: 4pt 8pt;text-align: center;font-size: 1em;text-transform: uppercase;border: 1pt solid black;-webkit-border-radius: 4pt;-moz-border-radius: 4pt;border-radius: 4pt;-webkit-box-shadow: #666 0px 5px 4px;-moz-box-shadow: #666 0px 5px 4px;box-shadow: #666 0px42px 3px;behavior: url(/pie/PIE.htc);}
.c-gap{column-gap:20px}
.cbdb_b{ color:#FFF;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-size:1;font-weight:400;padding:20pt;display:inline-block;border:1pt solid #000;overflow-wrap: normal;}
.city{display:none;    visibility:hidden;}
.click2A{font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:400;font-size:1em;margin:auto;padding:15pt;text-align:justify;border:1pt solid #070a9c; max-width:45%}
.click3{background-color:FFFFFF;font-style:normal;font-weight:400;font-size: 1em;font-family:Segoe UI,century gothic,arial,verdana;margin:auto;padding:15pt;text-align:left;border-top: 1pt solid red;border-left: 1pt solid red; max-width:100%}
.click4{background-color:FFFFFF;font-style:normal;font-weight:400;font-size: 1em;font-family:Segoe UI,century gothic,arial,verdana;margin:auto;padding:15pt;text-align:left;border-bottom: 1pt solid red;border-right: 1pt solid red; max-width:100%}
.column_content{font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-weight:400;font-size:1em;padding:15pt;text-align:justify; }
.example_c:hover{color:#FFF;font-size:1em;background:#0c0;text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px  1px 0 #000,1px  1px 0 #000;width:100%;transition:all 0.4s ease 0s}
.example_c{ color:#FFF;background-color:#6F00C2;font-family:Segoe UI,century gothic,arial,verdana;font-style:normal;font-size:1em;text-align:center;width:100%;padding:3pt;display:inline-block;border:1pt solid #000;-webkit-border-radius:12pt;-moz-border-radius:12pt;border-radius:12pt;-webkit-box-shadow:#666 0 5px 4px;-moz-box-shadow:#666 0 5px 4px;box-shadow:#666 0px42px 3px;behavior:url(/pie/PIE.htc);transition:all 0.4s ease 0s}
.grid-cbdb{display:grid;grid-template-columns:1fr 1fr;grid-gap: 20px; width:100%;}
.header {background-color: #FFFFFF; padding: 1px; text-align: center;}
.neon {font-family:Segoe UI,century gothic,arial,verdana; font-size: 2em; font-weight:200; max-width: 90%; text-align: left;}
.on-left-more{margin-right:10px}
.on-right-more{margin-left:10px}
.pic-frame{border:1pt;border-color:#e51400;  padding: 10pt 12pt; }
.text4 {text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}
.thumbnail {display:block;z-index:999;cursor: pointer;-webkit-transition-property: all;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;}
.thumbnail:hover {transform: scale(2);}
.white{color:#FFFFFF}
.yellow{color:#FFFF00}
/*change the number below to scale to the appropriate size*/
@media all and (max-width: 900px) {#header {flex-direction: column;}
textarea {margin-top: 5px;margin-left: 5px;width: 500px;height: 200px;border-top: 1pt solid red;border-left: 1pt solid red;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);color: #555555;font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif;font-size: 1em;line-height: 1.2em;padding: 5px 8px;transition: background-color 0.2s ease 0s;}
textarea:focus {background: none repeat scroll 0 0 #FFFFFF;outline-width: 0;}
}