body { color: #bfc1c8; font-family: "Roboto", "Open Sans", sans-serif; font-size: 13px; font-weight: 100; line-height: 1.0; height: 120vh; margin: 0; background: linear-gradient(to bottom, #4c88b4, #1f202b); } /* Gradient transparent - color - transparent */ hr.style-800-1 { border: 0; width: 800px; height: 2px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(66, 170, 220, 0.75), rgba(0, 0, 0, 0)); } /* Gradient transparent - color - transparent */ hr.style-800-2 { border: 0; width: 800px; height: 2px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(207, 0, 253, 0.75), rgba(0, 0, 0, 0)); } .modal { display: none; position: fixed; z-index: 1000; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50%; max-width: 600px; background: white; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); border-radius: 8px; } .modal-content { text-align: center; } .close { position: absolute; top: 10px; right: 20px; font-size: 24px; cursor: pointer; } /* font-size: 3.1428571429em; */ /* color: #FFFFFF; } */ #map-container { padding: 0px; -webkit-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.7); -moz-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.7); box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.7); width: 900px; display: none; } .shadow-table1 { margin: 20px auto; border-collapse: separate; border-spacing: 0; background: #FFF; box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.7); border-radius: 30px; /* Rounded corners */ overflow: hidden; /* Apply rounded corners */ } .shadow-table { margin: 20px auto; border-collapse: separate; border-spacing: 0; background: linear-gradient(to top, #4c88b4, #1f202b); box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.7); border-radius: 30px; /* Rounded corners */ overflow: hidden; /* Apply rounded corners */ } a:link { color: #FFF; } a:visited { color: #FFF; } a:hover { color: #d200fb; } a:active { color: #0dff0d; } div.center { width:100%; margin-left: auto; margin-right: auto; } #wwa { margin-left: 8px; margin-right: 7px; position: relative; overflow: auto; width: 100% } #wwa.ul { list-style-type: square; list-style-position: outside; margin: 15px 30px; display: list-item; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } #wwa.ol, #wwa.ul { list-style: none; } #wwa li { margin: 0.5em 0.5em 0.5em 0.1em; list-style-type: none; font-size: 10px; text-align: left; } .wwabox { width: 15px; border: solid 1px #1f202b; margin-right: 2px; float: left; } #wwaleft { width: 195px; float: left; height: auto; margin: 0px; padding: 0px; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #wwacenter_l { width: 195px; height: auto; float: left; margin: 0px; padding: 0px; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #wwacenter_r { width: 195px; height: auto; float: left; margin: 0px; padding: 0px; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #wwaright { width: 195px; height: auto; float: left; margin: 0px; padding: 0px; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #alaska { position: relative; top: -117px; right: 0px; z-index: 1; border: 1px solid #cccccc; float: left; width: 130px; height: 115px; margin-bottom: -117px; } #hawaii { position: relative; top: -117px; right: 0px; z-index: 1; border: 1px solid #cccccc; float: left; width: 109px; height: 115px; margin-bottom: -117px; margin-left: 130px; } #alaskaHawaiiAlertsMaps { position: absolute; width: 36%; bottom: 0px; z-index: 1; } #alaskaAlerts, #hawaiiAlerts { display: block; float: left; margin: 0; padding: 0; width: 36%; border: 1px solid #cccccc; }#z800000 { background-color: #800000; } #zFFFFFF { background-color: #FFFFFF; } #z483D8B { background-color: #483D8B; } #z0000FF { background-color: #0000FF; } #zC71585 { background-color: #C71585; } #zB22222 { background-color: #B22222; } #zFF7F50 { background-color: #FF7F50; } #z9400D3 { background-color: #9400D3; } #z7FFF00 { background-color: #7FFF00; } #zFFD700 { background-color: #FFD700; } #zE9967A { background-color: #E9967A; } #zFFE4C4 { background-color: #FFE4C4; } #z8B4513 { background-color: #8B4513; } #zCD5C5C { background-color: #CD5C5C; } #zF0E68C { background-color: #F0E68C; } #z66CDAA { background-color: #66CDAA; } #z9932CC { background-color: #9932CC; } #zFF8C00 { background-color: #FF8C00; } #zFFB6C1 { background-color: #FFB6C1; } #z00FFFF { background-color: #00FFFF; } #z4169E1 { background-color: #4169E1; } #zC0C0C0 { background-color: #C0C0C0; } #z87CEFA { background-color: #87CEFA; } #zA0522D { background-color: #A0522D; } #zA52A2A { background-color: #A52A2A; } #z7CFC00 { background-color: #7CFC00; } #zFA8072 { background-color: #FA8072; } #zFF00FF { background-color: #FF00FF; } #zDB7093 { background-color: #DB7093; } #zDC143C { background-color: #DC143C; } #zFF0000 { background-color: #FF0000; } #z5F9EA0 { background-color: #5F9EA0; } #zEE82EE { background-color: #EE82EE; } #zBDB76B { background-color: #BDB76B; } #zFFFF00 { background-color: #FFFF00; } #zFFA500 { background-color: #FFA500; } #z40E0D0 { background-color: #40E0D0; } #z8B0000 { background-color: #8B0000; } #zDAA520 { background-color: #DAA520; } #zFF1493 { background-color: #FF1493; } #zB8860B { background-color: #B8860B; } #z6495ED { background-color: #6495ED; } #zFFDEAD { background-color: #FFDEAD; } #z6B8E23 { background-color: #6B8E23; } #zFF4500 { background-color: #FF4500; } #z8B008B { background-color: #8B008B; } #zFF69B4 { background-color: #FF69B4; } #z008B8B { background-color: #008B8B; } #z1E90FF { background-color: #1E90FF; } #z228B22 { background-color: #228B22; } #zCD853F { background-color: #CD853F; } #z00FF00 { background-color: #00FF00; } #z9400D3 { background-color: #9400D3; } #zBC8F8F { background-color: #BC8F8F; } #zFFC0CB { background-color: #FFC0CB; } #zD2B48C { background-color: #D2B48C; } #z4B0082 { background-color: #4B0082; } #zF4A460 { background-color: #F4A460; } #z32CD32 { background-color: #32CD32; } #z228B22 { background-color: #228B22; } #zDDA0DD { background-color: #DDA0DD; } #z90EE90 { background-color: #90EE90; } #zB0C4DE { background-color: #B0C4DE; } #zDA70D6 { background-color: #DA70D6; } #z7B68EE { background-color: #7B68EE; } #z48D1CC { background-color: #48D1CC; } #zAFEEEE { background-color: #AFEEEE; } #z00FF7F { background-color: #00FF7F; } #zBA55D3 { background-color: #BA55D3; } #z00BFFF { background-color: #00BFFF; } #zD8BFD8 { background-color: #D8BFD8; } #z696969 { background-color: #696969; } #zD8BFD8 { background-color: #D8BFD8; } #z708090 { background-color: #708090; } #z008080 { background-color: #008080; } #z00BFFF { background-color: #00BFFF; } #zA9A9A9 { background-color: #A9A9A9; } #zADFF2F { background-color: #ADFF2F; } #z4682B4 { background-color: #4682B4; } #z2E8B57 { background-color: #2E8B57; } #z808080 { background-color: #808080; } #zFFE4B5 { background-color: #FFE4B5; } #zFFDAB9 { background-color: #FFDAB9; } #zEEE8AA { background-color: #EEE8AA; } #z98FB98 { background-color: #98FB98; } #zF0FFFF { background-color: #F0FFFF; } #zF08080 { background-color: #F08080; } #zD2691E { background-color: #D2691E; } #zFD6347 { background-color: #FD6347; } #z2F4F4F { background-color: #2F4F4F; } #wwa.div, #wwa.span, #wwa.em, ul, #wwa.mark, #wwa.audio, #wwa.video { margin: 0; padding: 0; border: 0; } .font-1 { font-family: Verdana; font-size: 15px; font-weight: 600; } .shadowed-text { text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.9); }