{"id":10,"date":"2023-01-27T02:48:04","date_gmt":"2023-01-27T02:48:04","guid":{"rendered":"https:\/\/spectrum.org\/trivia\/?page_id=10"},"modified":"2023-02-07T15:10:49","modified_gmt":"2023-02-07T23:10:49","slug":"splash","status":"publish","type":"page","link":"https:\/\/spectrum.org\/trivia\/","title":{"rendered":"Splash"},"content":{"rendered":"\r\n<style>\r\n\/* Custom CSS for Beauty Scoops *\/\r\n@media (min-width: 800px) {\r\n  #decoSplashDiv { background-image: url(\"\/wp-shared\/images\/cube-3319359_1920.webp\"); }\r\n}\r\n@media (max-width: 799px) { \r\n   #decoSplashDiv { background-image: url(\"\/wp-shared\/images\/cube-3319359_800.webp\"); }\r\n}\r\n#decoSplashDiv {\r\n  border:1px solid dodgerBlue;\r\n}\r\n.brandingSplash {\r\n  color:navy;\r\n  background-color: rgba(228 ,228 ,228 ,0.60);\r\n}\r\n.clickSplash {\r\n   border: 1px solid deepPink;\r\n   background-color: rgba(8 ,8 ,8 ,.5);\r\n}\r\n.titleSplash {\r\n  color: white;\r\n  \/\/ -webkit-text-stroke: 0.125px crimson;\r\n  text-shadow: 0 0 1px red, 0 0 1px red, 0 0 1px red, 0 0 1px red;\r\n}\r\n\r\nbody {\r\n   background:black !important;\r\n}\r\n#outerSplashWrapper {\r\n   max-width:1920px;\r\n   margin:0 auto;\r\n   text-align:center;\r\n}\r\n#innerSplashWrapper {\r\n  width:100%;\r\n  margin:0 auto;\r\n  text-align:center;\r\n}\r\n#decoSplashDiv {\r\n  margin:0 auto;\r\n  text-align:center;\r\n  width:auto;\r\n  max-width:1600px;\r\n  min-width:324px;\r\n  height: 80vh;\r\n  border-radius:20px;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  background-size: cover;\r\n  background-color:black;\r\n  margin: 16px 6% 0 6%;\r\n}\r\n.brandingSplash {\r\n  margin-top:0vh;\r\n  padding-bottom:6px;\r\n  font-family: Montserrat;\r\n  font-size:24px;\r\n  text-align:center;\r\n  left:0%;\r\n  padding:3px 8px 4px 8px;\r\n  -webkit-backdrop-filter: blur(3px);\r\n  backdrop-filter: blur(3px);\r\n  border: 1px solid transparent;\r\n  box-shadow: 0px 10px 15px 10px rgba(0 ,0 ,0 ,0.15);\r\n  border-top-left-radius: 20px;\r\n  border-top-right-radius: 20px;\r\n  border-bottom-right-radius: 0;\r\n  border-bottom-left-radius: 0;\r\n}\r\n.titleSplash {\r\n  font-family: Montserrat;\r\n  font-size:60px;\r\n  font-weight:bold; \r\n  text-align:center;\r\n  margin-top:23vh;\r\n  padding:12px 28px 12px 28px;\r\n}\r\n.centerTitleDiv {\r\n   text-align:center;\r\n   margin:0 auto;\r\n}\r\n.clickSplash {\r\n   display:inline-block;\r\n   margin-top:16px;\r\n   padding:8px 16px 8px 16px;\r\n   -webkit-backdrop-filter: blur(5px);\r\n   backdrop-filter: blur(5px);\r\n   box-shadow: 0px 10px 15px 10px rgba(0 ,0 ,0 ,0.15);\r\n   border-radius: 5px;\r\n   font-family: Montserrat;\r\n   font-variant: small-caps;\r\n   font-size:20px;\r\n}\r\n#decoSplashDiv .clickSplash a .fa {\r\n   color:aqua;\r\n}\r\n#decoSplashDiv .clickSplash a {\r\n  color:white;\r\n}\r\n.clickSplash a:hover {\r\n   color:aqua !important;\r\n}\r\n.clickSplash a:hover > .fa {\r\n   color:plum !important;\r\n}\r\n@media (max-width: 580px) {\r\n   #decoSplashDiv {\r\n      margin:0 0 0 0;\r\n   }\r\n   .brandingSplash {\r\n      font-size:20px;\r\n   }\r\n   .titleSplash {\r\n      color: white;\r\n      font-size:48px;\r\n   }\r\n   .clickSplash {\r\n      font-size:18px;\r\n   }\r\n}\r\n#footer {\r\n   border-top:none;\r\n   position: fixed !important; \r\n   bottom: 0 !important; \r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"outerSPlashWrapper\">\r\n<div id=\"innerSplashWrapper\">\r\n   <div id=\"decoSplashDiv\">\r\n      <div class=\"brandingSplash\">\r\n         Put your knowledge to the test with this exciting trivia challenge!\r\n      <\/div>\r\n      <div class=\"titleSplash\">\r\n         TRIVIA WAVE\r\n      <\/div>\r\n      <div class=\"centerTitleDiv\">\r\n         <div class=\"clickSplash\">\r\n            <a href=\".\/forum\/\"><i class=\"clickSplashButton fa fa-external-link\">&nbsp;<\/i> ENTER<\/a>\r\n         <\/div>\r\n      <\/div>\r\n   <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/sidebar-none.php","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spectrum.org\/trivia\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spectrum.org\/trivia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spectrum.org\/trivia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spectrum.org\/trivia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spectrum.org\/trivia\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":14,"href":"https:\/\/spectrum.org\/trivia\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/spectrum.org\/trivia\/wp-json\/wp\/v2\/pages\/10\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/spectrum.org\/trivia\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}