CINXE.COM
Science | HowStuffWorks
<!DOCTYPE html><html class="channel-hp content-17312" lang="en-us"> <head><meta charset="utf-8"><link rel="preload" href="https://cdn.hswstatic.com/fonts/roboto-v20-latin-regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.hswstatic.com/fonts/roboto-v20-latin-700.woff2" as="font" type="font/woff2" crossorigin> <link rel="preconnect" href="https://adservice.google.com"> <link rel="preconnect" href="https://securepubads.g.doubleclick.net"> <link rel="preconnect" href="https://googleads4.g.doubleclick.net"> <link rel="preconnect" href="https://c.amazon-adsystem.com"> <link rel="preconnect" href="https://tpc.googlesyndication.com"> <link rel="preconnect" href="https://pagead2.googlesyndication.com"> <link rel="preconnect" href="https://www.google-analytics.com"> <link rel="preconnect" href="https://www.googletagmanager.com"><link rel="dns-prefetch" href="https://ad.doubleclick.net"> <meta name="template" content="ChannelLanding" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Science | HowStuffWorks</title><script> var viewingEnvironment = "prod"; var HSW = HSW || {}; window.HSW = HSW; HSW.env = viewingEnvironment; HSW.domain = 'howstuffworks'; HSW.site = 'HSW'; HSW.domainFormatted = "//www.howstuffworks.com"; HSW.domainApi = `${HSW.domainFormatted}`; HSW.staticHost = '//cdn.hswstatic.com'; HSW.assetHost = '//cdn-assets.hswstatic.com'; HSW.assetUrl = '//cdn-assets.hswstatic.com/lite/2971/'; HSW.dirHost = '//resize.hswstatic.com'; HSW.mediaHost = 'media.hswstatic.com'; HSW.mediaSrc = 'content.hswstatic.com'; HSW.imageRouter = ''; HSW.mp4Host = 'cdn-mp4.hswstatic.com'; HSW.bdsUrl = 'https://bd.howstuffworks.com/direct'; HSW.bdsProduct = 'hsw'; HSW.contentType = 'channel-hp'; HSW.subdomain = 'science'; HSW.oneTrustSiteID = '17ee457c-e9a3-4e66-9b99-3c9e77442704';(function (w, n, m, l) {w[n] = w[n] || {};w[n][m] = w[n][m] || {};w[n][m][l] = w[n][m][l] || function (a, b) { (w[n][m].q = w[n][m].q || []).push([a, b]); }; })(window, 's1', 'DPL', 'log');function getCookie(c){var a=document.cookie,b=a.indexOf(" "+c+"=");-1==b&&(b=a.indexOf(c+"="));-1==b?a=null:(b=a.indexOf("=",b)+1,c=a.indexOf(";",b),-1==c&&(c=a.length),a=unescape(a.substring(b,c)));return a};function setCookie(n,v,ms,h,ss) {var e = "";if (ms) {var d = new Date();d.setTime(d.getTime() + ms);e = "; expires=" + d.toUTCString();}let nc = n + "=" + escape(v || "") + e + "; path=/; domain=" + (h || HSW.domain+".com");document.cookie = nc + (ss ? 'SameSite=' + ss : '');} </script><script src="//cdn-assets.hswstatic.com/lite/2971/js/vendor/alpine.v3.min.js" defer></script><script> "use strict";HSW.utilities={hashArgs:{},buildDir:function(e){return e.replace(HSW.staticHost,HSW.dirHost+"/w_300")},debugConsole:function(){var e="";if(""!==location.hash){var t=location.hash.substr(1).split("=");"c"===t[0]&&(e=t[1])}""!==e&&("ga-link-name"===e?HSW.utilities.loadScript("https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js",!0,function(){$("body").append('<div id="hsw-console" style="position: fixed; right: 0; bottom: 0; left: 0; padding:20px; background-color: #CCC; border-top: 4px solid #777; text-align: center; font-weight: 400; z-index: 100;"></div>');var e=$("#hsw-console");e.html("Hover over a link"),$("a").on("mouseenter",function(t){var n=$(this).parents().map(function(){return $(this).attr("data-track-gtm")}).get().reverse().join(" : ");n+=$(this).attr("data-track-gtm")?" : "+$(this).attr("data-track-gtm"):"",e.html(n)}).on("mouseleave",function(t){e.html("Hover over a link")})}):console.warn("### HSW debug console // Unknown name type"))},extend:function(e){e=e||{};for(var t=1;t<arguments.length;t++)if(arguments[t])for(var n in arguments[t])arguments[t].hasOwnProperty(n)&&(e[n]=arguments[t][n]);return e},firePageview:function(){dataLayer&&pageMetricsData&&(pageMetricsData.guid=HSW.utilities.generateGuid(),dataLayer.push({url:location.pathname+location.hash,event:"page-view"}))},generateGuid:function(){var e=(new Date).getTime(),t=Math.floor(1e5*Math.random());return(e.toString()+("000000"+t).slice(-5)).substr(0,18)},getQueryVar:function(e){for(var t=window.location.search.substring(1).split("&"),n=0;n<t.length;n++){var r=t[n].split("=");if(r[0]===e)return decodeURIComponent(r[1].replace(/\+/g," "))}return!1},getViewportWidth:function(){window;var e=document.documentElement;return Math.max(e.offsetWidth,e.clientWidth)},init:function(){HSW.utilities.docReady(function(){HSW.utilities.debugConsole(),HSW.utilities.lazyLoadElements(),window.onbeforeprint=function(){for(var e=document.getElementsByClassName("lazyload"),t=0;t<e.length;t++)HSW.utilities.exposeElement(e[t])}}),HSW.utilities.parseHash()},docReady:function(e){"loading"!=document.readyState?e():document.addEventListener("DOMContentLoaded",e)},delayLoad:function(e){window.addEventListener("scroll",function t(){window.removeEventListener("scroll",t),e()})},isMobile:function(){return HSW.utilities.getViewportWidth()<768},hasNewsletterCookie:function(){let e=["__smListBuilderShown","__smListBuilderOptOut","hsw_nl","hsw_nlsub"],t=!1;for(const n of e)if(!0==(t=null!==getCookie(n)))return!0;return!1},loadJson:function(e,t){var n=new XMLHttpRequest;n.open("GET",e,!0),n.onload=function(){if(this.status>=200&&this.status<400){var e=JSON.parse(this.response);t(e)}},n.onerror=function(){},n.send()},loadScript:function(e,t,n){var r=document.createElement("script");r.src=e,r.async=t,n&&(r.onload=n),document.head.appendChild(r)},loadScriptAsync:function(e){return new Promise(function(t,n){var r=document.createElement("script");r.src=e,r.async=!0,r.onload=function(){t()},r.onerror=function(){n(e)};var o=document.getElementsByTagName("script")[0];o.parentNode.insertBefore(r,o)})},parseHash:function(){if(""!==location.hash){var e=location.hash.substr(1).split("&");"ab"===e[0]&&(GACtest=e[1]),Array.prototype.forEach.call(e,function(e,t){if(-1!==e.indexOf("=")){var n=e.split("=");HSW.utilities.hashArgs[n[0]]=n[1]}})}},trimUrl:function(e){var t=e.split("?")[0].split("#")[0];if("/"===(t=t.replace(/^.*\/\/[^\/]+/,"")).charAt(0)&&(t=t.substr(1)),t.length>40&&(t=t.substr(t.length-40)),0===t.length){var n=location.hostname.split(".");t=n.length>2?n[0]:""}return t},exposeElement:function(e){if(e.classList.contains("loaded"))return;const t=e.tagName.toUpperCase();if(e.hasAttribute("data-background")){var n=e.getAttribute("style")||"",r=e.getAttribute("data-background");return void e.setAttribute("style","background-image: url("+r+"); "+n)}if("PICTURE"===t||"VIDEO"===t){var o=e.querySelectorAll("source"),i=e.querySelector("img");for(r=0;r<o.length;r++)o[r].hasAttribute("data-srcset")&&o[r].setAttribute("srcset",o[r].getAttribute("data-srcset")),o[r].hasAttribute("data-src")&&(o[r].src=o[r].dataset.src);i&&i.hasAttribute("data-src")&&i.setAttribute("src",i.getAttribute("data-src")),e.classList.add("loaded");var a=e.parentNode;return a.classList.contains("skeleton-box")&&a.classList.remove("skeleton-box"),void("VIDEO"===t&&e.load())}if("IMG"!==t&&"IFRAME"!==t)return void e.classList.add("loaded");const s=e=>{var t=e.getAttribute("data-src"),n=e.getAttribute("data-srcset");n&&e.setAttribute("srcset",n),t&&(e.setAttribute("src",t),e.classList.add("loaded"))};"IFRAME"===t?HSW.pq.add(()=>{s(e)}):s(e)},lazyLoadElements:function(e){var t=!!window.MSInputMethodContext&&!!document.documentMode;if("function"!=typeof IntersectionObserver||t)HSW.utilities.docReady(function(){for(var e=document.getElementsByClassName("lazyload"),t=0;t<e.length;t++)HSW.utilities.exposeElement(e[t])});else for(var n=new IntersectionObserver(function(e,t){for(var n=0;n<e.length;n++){var r=e[n];r.isIntersecting&&r.intersectionRatio>0&&(HSW.utilities.exposeElement(r.target),t.unobserve(r.target))}},{rootMargin:"200px 0px",threshold:.1}),r=(e=e||document.getElementsByClassName("lazyload"),0);r<e.length;r++)n.observe(e[r])},lazyLoadCallback:function(e,t,n){var r=!!window.MSInputMethodContext&&!!document.documentMode;if("function"!=typeof IntersectionObserver||r)return!1;if("function"!=typeof n)return!1;var o=parseInt(e)||0;return new IntersectionObserver(function(e,t){for(var r=0;r<e.length;r++){var o=e[r];o.isIntersecting&&o.intersectionRatio>0&&("requestAnimationFrame"in window?requestAnimationFrame(function(){n(o.target)}):n(o.target),t.unobserve(o.target))}},{rootMargin:o+"px 0px",threshold:.1}).observe(t),!0}},HSW.utilities.init(),void 0===Array.prototype.contains&&(Array.prototype.contains=function(e){for(var t=this.length;t--;)if(this[t]===e)return!0;return!1}),String.prototype.includes||(String.prototype.includes=function(e,t){if(e instanceof RegExp)throw TypeError("first argument must not be a RegExp");return void 0===t&&(t=0),-1!==this.indexOf(e,t)}),HSW.pq={queue:[],namedQueues:{ads:{queue:[],released:!1}},add:function(e,t){if("function"==typeof e)if(userData.consentGranted)e();else if(t){if(void 0===HSW.pq.namedQueues[t])return void console.error("Unknown named privacy queue.");HSW.pq.namedQueues[t].released?e():HSW.pq.namedQueues[t].queue.push(e)}else HSW.pq.queue.push(e);else console.warn("Only functions can be queued in privacy mgmt.")},release:function(e){const t=e=>{for(;e.length>0;){var t=e.shift();if("function"==typeof t)try{t()}catch(e){console.error(e)}}};if(e&&void 0!==HSW.pq.namedQueues[e])t(HSW.pq.namedQueues[e].queue),HSW.pq.namedQueues[e].released=!0;else{t(HSW.pq.queue);for(const e in HSW.pq.namedQueues)HSW.pq.namedQueues[e].released=!0,t(HSW.pq.namedQueues[e].queue)}}},HSW.ab=function(){var e,t,n,r,o={},i=/#!dev/,a="_easyab_seed";function s(t){var n;return r?(n=999*Math.random(),u(a,n,30)):(e||(e=function(){var e=c(a);e||(e=999*Math.random(),u(a,e,30));return e}()),n=e),Math.floor(n%t)}function u(e,t,n){if(n){var r=new Date;r.setTime(r.getTime()+60*n*1e3);var o="; expires="+r.toGMTString()}else o="";var i="string"==typeof HSW.domain?HSW.domain:"howstuffworks";document.cookie=e+"="+encodeURI(t)+o+"; domain=."+i+".com;path=/"}function c(e){for(var t=e+"=",n=document.cookie.split(";"),r=0;r<n.length;r++){for(var o=n[r];" "==o.charAt(0);)o=o.substring(1,o.length);if(0==o.indexOf(t))return o.substring(t.length,o.length)}return null}return o.easyab=function(e){return e&&"object"==typeof e&&navigator.cookieEnabled?void(e.name&&e.alternatives&&(r=i.test(window.location),0!==(n=s(e.alternatives.length+1))&&(t=e.alternatives[n-1],function(){if(t.alternative){var e=t.alternative;"function"==typeof e&&e()}}()))):this},o.tracksession=function(){pageMetricsData.abs=GACtest,c("hsw_abs")&&c("hsw_abs")==pageMetricsData.abs||u("hsw_abs",pageMetricsData.abs,30)},o.readCookie=function(e){return c(e)},o}(); !function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t);var r,i=function(){return window.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0]},o=function(e){if("loading"===document.readyState)return"loading";var t=i();if(t){if(e<t.domInteractive)return"loading";if(0===t.domContentLoadedEventStart||e<t.domContentLoadedEventStart)return"dom-interactive";if(0===t.domComplete||e<t.domComplete)return"dom-content-loaded"}return"complete"},a=function(e){var t=e.nodeName;return 1===e.nodeType?t.toLowerCase():t.toUpperCase().replace(/^#/,"")},c=function(e,t){var n="";try{for(;e&&9!==e.nodeType;){var r=e,i=r.id?"#"+r.id:a(r)+(r.classList&&r.classList.value&&r.classList.value.trim()&&r.classList.value.trim().length?"."+r.classList.value.trim().replace(/\s+/g,"."):"");if(n.length+i.length>(t||100)-1)return n||i;if(n=n?i+">"+n:i,r.id)break;e=r.parentNode}}catch(e){}return n},u=-1,d=function(){return u},s=function(e){addEventListener("pageshow",(function(t){t.persisted&&(u=t.timeStamp,e(t))}),!0)},f=function(){var e=i();return e&&e.activationStart||0},l=function(e,t){var n=i(),r="navigate";return d()>=0?r="back-forward-cache":n&&(document.prerendering||f()>0?r="prerender":document.wasDiscarded?r="restore":n.type&&(r=n.type.replace(/_/g,"-"))),{name:e,value:void 0===t?-1:t,rating:"good",delta:0,entries:[],id:"v3-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:r}},p=function(e,t,n){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var r=new PerformanceObserver((function(e){Promise.resolve().then((function(){t(e.getEntries())}))}));return r.observe(Object.assign({type:e,buffered:!0},n||{})),r}}catch(e){}},v=function(e,t,n,r){var i,o;return function(a){t.value>=0&&(a||r)&&((o=t.value-(i||0))||void 0===i)&&(i=t.value,t.delta=o,t.rating=function(e,t){return e>t[1]?"poor":e>t[0]?"needs-improvement":"good"}(t.value,n),e(t))}},m=function(e){var t=function(t){"pagehide"!==t.type&&"hidden"!==document.visibilityState||e(t)};addEventListener("visibilitychange",t,!0),addEventListener("pagehide",t,!0)},g=function(e){document.prerendering?addEventListener("prerenderingchange",(function(){return e()}),!0):e()},y=(new Date,0),_=1/0,h=0,b=function(e){e.forEach((function(e){e.interactionId&&(_=Math.min(_,e.interactionId),h=Math.max(h,e.interactionId),y=h?(h-_)/7+1:0)}))},T=function(){return r?y:performance.interactionCount||0},E=function(){"interactionCount"in performance||r||(r=p("event",b,{type:"event",buffered:!0,durationThreshold:0}))},S=[200,500],L=0,w=function(){return T()-L},P=[],C={},I=function(e){var t=P[P.length-1],n=C[e.interactionId];if(n||P.length<10||e.duration>t.latency){if(n)n.entries.push(e),n.latency=Math.max(n.latency,e.duration);else{var r={id:e.interactionId,latency:e.duration,entries:[e]};C[r.id]=r,P.push(r)}P.sort((function(e,t){return t.latency-e.latency})),P.splice(10).forEach((function(e){delete C[e.id]}))}};try{!function(e,t){!function(e,t){t=t||{},g((function(){var n;E();var r,i=l("INP"),o=function(e){e.forEach((function(e){e.interactionId&&I(e),"first-input"===e.entryType&&!P.some((function(t){return t.entries.some((function(t){return e.duration===t.duration&&e.startTime===t.startTime}))}))&&I(e)}));var t,n=(t=Math.min(P.length-1,Math.floor(w()/50)),P[t]);n&&n.latency!==i.value&&(i.value=n.latency,i.entries=n.entries,r())},a=p("event",o,{durationThreshold:null!==(n=t.durationThreshold)&&void 0!==n?n:40});r=v(e,i,S,t.reportAllChanges),a&&("PerformanceEventTiming"in window&&"interactionId"in PerformanceEventTiming.prototype&&a.observe({type:"first-input",buffered:!0}),m((function(){o(a.takeRecords()),i.value<0&&w()>0&&(i.value=0,i.entries=[]),r(!0)})),s((function(){P=[],L=T(),i=l("INP"),r=v(e,i,S,t.reportAllChanges)})))}))}((function(t){!function(e){if(e.entries.length){var t=e.entries.sort((function(e,t){return t.duration-e.duration||t.processingEnd-t.processingStart-(e.processingEnd-e.processingStart)}))[0],n=e.entries.find((function(e){return e.target}));e.attribution={eventTarget:c(n&&n.target),eventType:t.name,eventTime:t.startTime,eventEntry:t,loadState:o(t.startTime)}}else e.attribution={}}(t),e(t)}),t)}((function({name:e,value:t,id:n,attribution:r}){const{eventEntry:i,eventTarget:o,eventType:a,loadState:c}=r,{startTime:u,processingStart:d,processingEnd:s,duration:f,interactionId:l}=i,p={metric_inp_value:t,metric_id:n,metric_inp_event_target:o,metric_inp_event_type:a,metric_inp_load_state:c,metric_inp_start_time:u,metric_inp_processing_start:d,metric_inp_processing_end:s,metric_inp_duration:f,metric_inp_interaction_id:l};dataLayer.push({event:"raw-event",eventCategory:"CWV:INP",eventAction:p.metric_inp_event_type,eventLabel:p.metric_inp_event_target,eventValue:p.metric_inp_value})}))}catch(e){}}]); </script> <script>var userData = { country : 'SG'.toUpperCase(), checkConsent : false, userInEU : false, consentGranted : false, doNotSell : false, showConsentLink : false, adsActive : true }; var adUnit = ''; adUnit += "hsw_lite"; adUnit += "|science"; if (!HSW.utilities.isMobile()) {adUnit = adUnit.replace("hsw_lite", "hsw"); } var pvId = HSW.utilities.generateGuid(); var sessionId = getCookie('hsw_sid'); if (sessionId === false) { sessionId = pvId; var e = 6.307e+10; setCookie('hsw_sid', sessionId, e); }const searchTagCookie = getCookie('searchTag'); const searchTagQS = HSW.utilities.getQueryVar('srch_tag'); const searchTag = searchTagQS || searchTagCookie || ''; var pageMetricsData = { guid : pvId, sessionId : sessionId, href : "https://science.howstuffworks.com/", title : "Science", tax : "hsw/science", aType : "landing page", cType : "channel-hp", continuousUX: false, template : "ChannelLanding", country : "SG", sponsor : "", source : "hsw", author : "", show : "", pubDate : "2006-01-29", editDate : "", targetKeywords : "false", newsAdjacent : "false", nsfw : "false", locale : "en-us", contentid : "17312", model : "channellanding", view : "channellanding/channel-hp.html", video : "", totalPages : 1, page : 1, codebase : 'hsw-lite', searchTag : searchTag, abs : (getCookie('hsw_abs') ? getCookie('hsw_abs') : '' ), viewport : HSW.utilities.getViewportWidth(), mkcpgn : 'organic', utmSource : '', adUnit : (adUnit ? adUnit : 'n/a'), keywords : "science,\u0020science\u0020questions,\u0020science\u0020explanations", domain : 'howstuffworks', subdomain : "science",firePixels : (!userData.doNotSell && userData.consentGranted), docker : 'true', image : 'https://cdn.hswstatic.com/gif/science-90x130.gif', cost : '0', origin : 'None', channel : "Science", category : "", node : "Science", affinities : "", }; var GACtest = getCookie('hsw_abs') || ''; HSW.analytics={attributeTraffic:async function(){return await HSW.analytics.getQueryStringKeyValues()},getQueryStringKeyValues:function(){let e={utmSource:{qs:"utm_source",persist:"hswtrkr"},searchTag:{qs:"srch_tag",persist:"searchTag"},mkcpgn:{qs:"mkcpgn",persist:"mkcpgn"},account_id:{qs:"utm_acid",persist:"_hsw_aid"},campaign_id:{qs:["utm_caid","campaign_id"],persist:"_hsw_cid"},utm_campaign:{qs:"utm_campaign",persist:"_hsw_c"},asid:{qs:["utm_agid","asid"],persist:"_hsw_agid"},adgroup:{qs:["adgroup","utm_content"],persist:"_hsw_ag"},placement:{qs:["utm_traffictype","placement"],persist:"_hsw_pl"},gclid:{qs:"gclid",persist:"_hsw_gclid"},gclidtimestamp:{qs:function(){let e=new Date;return e.setSeconds(e.getSeconds()+30),e.getUTCFullYear()+"-"+("0"+(e.getUTCMonth()+1)).slice(-2)+"-"+("0"+e.getUTCDate()).slice(-2)+" "+("0"+e.getUTCHours()).slice(-2)+":"+("0"+e.getUTCMinutes()).slice(-2)+":"+("0"+e.getUTCSeconds()).slice(-2)},persist:"_hsw_ts"}};var t={};return Object.entries(e).forEach(function(e){const[s,i]=e,{qs:a,persist:r}=i;if("function"==typeof a){let e=getCookie(r);return e||(e=a()),setCookie(r,e,18e5),void(t[s]=e)}if(a instanceof Array)for(var c="",n=0;n<a.length&&!(c=HSW.utilities.getQueryVar(a[n]));n++);else c=HSW.utilities.getQueryVar(a);let g=getCookie(r),u=g||c;u&&(g||setCookie(r,c.replace(/[^\w\-\.\+]/gi,""),18e5),t[s]=u)}),t}}; HSW.pq.add(function() { window.trafficAttributed = HSW.analytics.attributeTraffic(); window.trafficAttributed.then(function (keyValues) { Object.entries(keyValues).forEach(function ([k, v]) { pageMetricsData[k] = v; }); }); }); if (typeof HSW.utilities.hashArgs['ab'] !== 'undefined') { GACtest = HSW.utilities.hashArgs['ab']; } let testingEnabled = true; if (typeof HSW.utilities.hashArgs['testing'] !== 'undefined') { testingEnabled = false; } if (getCookie('hsw_abs')) { var GACtest = ''; HSW.ab.tracksession(); } var _0x4807=['GET','bds:\x20','log','userInEU','location','utilities','bds','site','mobile','platform','env','BotDetectionResult','bds:\x20connection\x20error','then','bdsData','subdomain','off','getHighEntropyValues','&platform=','onload','isMobile','country','template','model','adsActive','hsw','stringify','BDS_DONE','platformVersion','&domain=','parse','bdsProduct','architecture','hashArgs','desktop','response','object','function','DPL','sessionId','error','dispatchEvent','send','?product_line=','_ga','bdsUrl','onerror','&cookie=','userAgentData','status','&session_id='];(function(_0xf3e660,_0x4807d4){var _0x323767=function(_0x40a8db){while(--_0x40a8db){_0xf3e660['push'](_0xf3e660['shift']());}};_0x323767(++_0x4807d4);}(_0x4807,0xa4));var _0x3237=function(_0xf3e660,_0x4807d4){_0xf3e660=_0xf3e660-0x0;var _0x323767=_0x4807[_0xf3e660];return _0x323767;};function userAgent(){return navigator[_0x3237('0x25')]['getHighEntropyValues']([_0x3237('0x15'),'model','platformVersion','fullVersionList'])[_0x3237('0x2')](function(_0x22dc9c){return{'platform':_0x22dc9c[_0x3237('0x31')],'platformVersion':_0x22dc9c[_0x3237('0x11')],'model':_0x22dc9c[_0x3237('0xc')],'mobile':_0x22dc9c['mobile'],'fullVersionList':_0x22dc9c['fullVersionList']};},function(_0x7ed589){return{};});}(async function(){let _0x3f5883={};if(typeof navigator[_0x3237('0x25')]===_0x3237('0x19')){if(typeof navigator['userAgentData'][_0x3237('0x6')]===_0x3237('0x1a')){_0x3f5883=await userAgent();}}const _0xe60a4b=()=>{if(HSW[_0x3237('0x2d')][_0x3237('0x16')][_0x3237('0x2e')]==_0x3237('0x5')||!userData[_0x3237('0xd')]||HSW[_0x3237('0x2f')]=='MQ'){return;}let _0x1f9fb6=HSW[_0x3237('0x2d')][_0x3237('0x9')]()?_0x3237('0x30'):_0x3237('0x17'),_0x56032d=pageMetricsData,_0x30d136=getCookie(_0x3237('0x21'));let _0x18fd6a=_0x56032d[_0x3237('0x1c')],_0x31df79={'template':_0x56032d[_0x3237('0xb')],'uach':_0x3f5883};let _0x471012=HSW[_0x3237('0x22')]+_0x3237('0x20')+HSW[_0x3237('0x14')]+(!isNaN(parseFloat(_0x18fd6a))&&isFinite(_0x18fd6a)?_0x3237('0x27')+_0x18fd6a:'')+_0x3237('0x12')+encodeURIComponent(window[_0x3237('0x2c')]['href'])+_0x3237('0x7')+_0x1f9fb6+'&extra_args='+JSON[_0x3237('0xf')](_0x31df79)+(_0x30d136?_0x3237('0x24')+_0x30d136:'');try{var _0x2dcfa6=new XMLHttpRequest();_0x2dcfa6['open'](_0x3237('0x28'),_0x471012,!![]);_0x2dcfa6[_0x3237('0x8')]=function(){if(this[_0x3237('0x26')]>=0xc8&&this[_0x3237('0x26')]<0x190){var _0x7e9599=JSON[_0x3237('0x13')](this[_0x3237('0x18')]);window['s1'][_0x3237('0x1b')][_0x3237('0x2a')]({'event':_0x3237('0x0'),'product':_0x3237('0xe'),'payload':{'environment':HSW[_0x3237('0x32')],'score':_0x7e9599['traffic_score'],'vertical':_0x56032d[_0x3237('0x4')],'template':_0x56032d[_0x3237('0xb')],'country':userData[_0x3237('0xa')],'userInEU':userData[_0x3237('0x2b')]}});window[_0x3237('0x3')]=_0x7e9599;var _0xe715f=new CustomEvent(_0x3237('0x10'),{'detail':_0x7e9599});}else{var _0xe715f=new CustomEvent('BDS_DONE');}document['dispatchEvent'](_0xe715f);};_0x2dcfa6[_0x3237('0x23')]=function(){console['error'](_0x3237('0x1'));var _0x460610=new CustomEvent(_0x3237('0x10'));document[_0x3237('0x1e')](_0x460610);};_0x2dcfa6[_0x3237('0x1f')]();}catch(_0xbef9cd){console[_0x3237('0x1d')](_0x3237('0x29')+_0xbef9cd);var _0x380c8c=new CustomEvent('BDS_DONE');document[_0x3237('0x1e')](_0x380c8c);}};HSW['pq']['add'](_0xe60a4b);}()); adsbygoogle=window.adsbygoogle||[];var dataLayer=dataLayer||[];function loadHswCmp(){function e(e){const t=HSW.oneTrustSiteID+("prod"!==HSW.env?"-test":""),o=document.createElement("script");o.type="text/javascript",o.src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js",o.dataset.domainScript=t,e&&(o.dataset.async=e);const n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(o,n)}if(userData.userInEU||"BR"===userData.country){const t="BR"===userData.country?"BR":"EU";document.cookie.indexOf("gdpr_opt_in=1")>=0?(HSW.cmp.log(t+" user that has already provided consent."),userData.consentGranted=!0,e(!0),HSW.pq.release()):document.cookie.indexOf("gdpr_opt_in=0")>=0?(HSW.cmp.log(t+" user has not consented previously."),e(),HSW.pq.release("ads")):(HSW.cmp.log("New "+t+" user. Pull down CMP and init it."),e()),userData.showConsentLink=!0}else{["IN","PH","NG","PK","ID","GH","BD","TR","LK","RU","VN","EG","JM","CN","TT","IR"].contains(userData.country)&&(userData.adsActive=!1);const t="US"===userData.country?getCookie("usprivacy"):"",o=getCookie("OneTrustWPCCPAGoogleOptOut"),n=navigator.globalPrivacyControl;document.cookie.indexOf("gdpr_opt_in=0")>=0||"1YY-"===t||"1YYN"===t||"true"===o||n?(HSW.cmp.log("Detected opt-out user with consent withdrawn"),HSW.pq.release("ads")):(HSW.cmp.log("Opt-out user that has granted consent"),"undefined"!=typeof pageMetricsData&&(pageMetricsData.firePixels=!0),dataLayer.push({event:"fire-pixels"}),userData.consentGranted=!0,HSW.pq.release()),userData.showConsentLink=!0,e(!0),"US"===userData.country&&function(){const e=document.createElement("script");e.type="text/javascript",e.src="https://cdn.cookielaw.org/opt-out/otCCPAiab.js",e.setAttribute("ccpa-opt-out-ids","C0004"),e.setAttribute("ccpa-opt-out-geo","All"),e.setAttribute("ccpa-opt-out-lspa","false");const t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()}}(userData.userInEU||"US"===userData.country||""===userData.country)&&(adsbygoogle.pauseAdRequests=1),HSW.cmp={clearTrackingData:function(){const e=["gdpr_opt_in","usprivacy","hsw_abs","_easyab_seed","euconsent-v2","eupubconsent-v2","OptanonAlertBoxClosed","OptanonConsent","OneTrustWPCCPAGoogleOptOut"],t=[window.location.hostname,HSW.domain+".com"],o=/([a-z0-9]+\.[a-z0-9]+)$/.exec(location.hostname);t.push(o[0]);const n=e=>{HSW.cmp.log("deleteCookie = ",e);for(const o in t)"function"!=typeof t[o]&&(setCookie(e,"",-1e5,t[o]),setCookie(e,"",-1e5,t[o],"Lax"))};(()=>{const o=(()=>{const e={},t=document.cookie.split(";");for(let o=0;o<t.length;o++){const n=t[o].split("=");e[n[0].trim()]=n[1]}return e})();HSW.cmp.log("processCookies"),HSW.cmp.log("cookie domains = ",t);for(const t in o)e.includes(t)||n(t)})(),(()=>{const t=Object.getOwnPropertyDescriptor(Document.prototype,"cookie")||Object.getOwnPropertyDescriptor(HTMLDocument.prototype,"cookie");t&&t.configurable&&Object.defineProperty(document,"cookie",{get:function(){return t.get.call(window.document)},set:function(o){var n=o.split("=")[0];return e.includes(n)?(HSW.cmp.log("SET_COOKIE_ALLOWED:"+o),t.set.call(window.document,o)):HSW.cmp.log("SET_COOKIE_NOT_ALLOWED:"+o),!0}})})(),window.localStorage.clear();try{document.querySelector(".hsw-page").classList.remove("leaderboard-sticky")}catch(e){}},log:function(e,t){window.location.search.indexOf("cmp_debug=true")<0||(void 0!==t?console.log("CMP: "+e,t):console.log("CMP: "+e))}},window.OptanonWrapper=(()=>{window.OneTrust.OnConsentChanged(()=>{HSW.cmp.log("window.OnetrustActiveGroups = ",window.OnetrustActiveGroups),window.OnetrustActiveGroups.includes("C0001")&&window.OnetrustActiveGroups.includes("C0002")&&window.OnetrustActiveGroups.includes("C0003")&&window.OnetrustActiveGroups.includes("C0004")?(setCookie("gdpr_opt_in","1"),dataLayer.push({event:"fire-pixels"}),userData.consentGranted=!0,HSW.pq.release()):(setCookie("gdpr_opt_in","0"),HSW.pq.release("ads"))})}),function(){if(2===userData.country.length)return void loadHswCmp();HSW.cmp.log("User Country not present. Using GEOIP endpoint.");const e="prod"==HSW.env?"/geoip":"https://www.howstuffworks.com/geoip";try{const t=performance.now();fetch(e).then(e=>e.json()).then(e=>{const o=performance.now();if(dataLayer.push({event:"raw-event",eventCategory:"performance",eventAction:"geoip",eventValue:Math.floor(o-t)}),"string"==typeof e.country&&2==e.country.length){userData.country=e.country.toUpperCase(),-1!=["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IE","IT","LV","LT","LU","MT","NL","PL","PT","RO","SK","SI","ES","SE","GB"].indexOf(userData.country)&&(HSW.cmp.log("GEOIP User (treated as) in EU."),userData.checkConsent=!0,userData.userInEU=!0)}else HSW.cmp.log("GEOIP data = ",e),HSW.cmp.log("GEOIP returned invalid Country data. default to US."),userData.country="US";loadHswCmp()})}catch(e){userData.country="US",loadHswCmp()}}(); </script> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1" /> <meta http-equiv="content-language" content="en-us" /> <link rel="canonical" href="https://science.howstuffworks.com/" /> <meta name="twitter:dnt" content="on"><meta name="google-adsense-account" content="sites-9053884276298326"> <meta property="og:title" content="Science" /> <meta property="og:url" content="https://science.howstuffworks.com/" /> <meta property="og:site_name" content="HowStuffWorks" /> <meta property="og:description" content="Science explains and demystifies the world through the objective of gathering and analyzing data. Explore the natural world, engineering, space, military technology, physics and even supernatural phenomena." /> <meta property="fb:admins" content="100001675325868" /> <meta property="fb:app_id" content="899104866837181" /> <meta property="fb:pages" content="20767777944"> <meta property="og:image" content="https://cdn.hswstatic.com/gif/science-90x130.gif" /> <meta property="og:image:width" content="90" /> <meta property="og:image:height" content="130" /> <meta property="og:type" content="article" /> <meta property="article:publisher" content="https://www.howstuffworks.com" /> <meta property="article:published_time" content="2006-01-29T00:00:00-05:00" /> <meta name="can-recommend" content="false" /> <script>var rampKeywords = "Science";</script> <script type="application/ld+json"> { "@context": "https://schema.org", "@id": "https://www.howstuffworks.com/#organization", "@type": "Organization", "name": "HowStuffWorks", "url": "https://www.howstuffworks.com/", "logo": "https://cdn.hswstatic.com/gif/hsw-logo-120x90.jpg", "address" : { "@type" : "PostalAddress", "addressCountry" : "United States", "addressLocality" : "Marina Del Rey", "addressRegion" : "CA", "postalCode" : "90066", "streetAddress" : "4235 Redwood Ave." }, "email" : "mailto:site-support@howstuffworks.com", "sameAs": [ "https://www.youtube.com/user/HowStuffWorks", "https://www.instagram.com/howstuffworks/", "https://www.facebook.com/HowStuffWorks", "https://pinterest.com/howstuffworks/", "https://tumblr.com/blog/howstuffworks", "https://www.linkedin.com/company/15689/", "https://flipboard.com/@HowStuffWorks" ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@id": "https://www.howstuffworks.com/#website", "@type": "WebSite", "name": "HowStuffWorks", "url": "https://www.howstuffworks.com/", "potentialAction": { "@type": "SearchAction", "target" : "https://s.howstuffworks.com/serp?q={search_term}", "query-input" : "required name=search_term" } } </script> <meta name="description" content="HowStuffWorks Science has explanations and colorful illustrations related to earth science, life science, and other wonders of the physical world." /> <script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; function deferLoadGTM () { if (HSW.utilities.hashArgs['gtm'] === 'off') { return; } try { window.s1.DPL.init({ session: { business : 'publishing:hsw' }, ga: { gaMeasurementId: 'UA-42379829-2', gtmId: 'GTM-NXHP8V', isEnabled: true, onPrimaryClientIdReady: (clientId) => { console.log(`Synced clientId(${clientId}) and loaded gtmjs using DPL.init`); } }, taps: { isEnabled: false } }); } catch (e) { console.error('### DPL.loadGa failed with error: ', e); } } HSW.pq.add(() => { const dplVer = '4.7.3'; HSW.utilities.loadScript('https://s.flocdn.com/@s1/dpl/' + dplVer + '/dpl-hsw.js', true, deferLoadGTM); }); var dfpSettings = {}; dfpSettings.networkCode = 108939068; dfpSettings.pid = "17312-0"; dfpSettings.hswpid = "17312"; dfpSettings.type = pageMetricsData.cType; dfpSettings.kw = ""; dfpSettings.slotPath = "/108939068/hswcore_lite/"; dfpSettings.iabCategories = ''; dfpSettings.iabCodes = ''; dfpSettings.slotPath += "science"; dfpSettings.iabCategories = "Education"; dfpSettings.iabCodes = "132"; dfpSettings.s1 = "science"; dfpSettings.iabCategories = "Science"; dfpSettings.iabCodes = "464"; dfpSettings.isMobile = HSW.utilities.isMobile(); dfpSettings.isOrganic = true;dfpSettings.allow_adx = 'true'; if (!dfpSettings.isMobile) { dfpSettings.slotPath = dfpSettings.slotPath.replace("hswcore_lite", "hswcore"); } // did user come from a newsletter link var nlSource = HSW.utilities.getQueryVar('utm_source') || ''; var nlTrkr = getCookie('hswtrkr') || ''; var fromNl = true; // temporarily suspend newsletter popup/chatbox </script> <style> *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:optional;src:local("Roboto"),local("Roboto-Regular"),url(https://cdn.hswstatic.com/fonts/roboto-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:optional;src:local("Roboto Bold"),local("Roboto-Bold"),url(https://cdn.hswstatic.com/fonts/roboto-v20-latin-700.woff2) format("woff2")}body{font-size:16px;line-height:1.5;font-family:Roboto,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}@media print{body{font-family:sans-serif}}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:1600px){.container{max-width:1600px}}.aspect-h-9{--tw-aspect-h:9}.aspect-w-16{position:relative;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);--tw-aspect-w:16}.aspect-w-16>*{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0}.theme-hsw{--color-primary:#1573a6;--color-accent-1:#168381;--color-accent-2:#2b2b5c;--color-accent-3:#ede8de;--color-accent-4:#151538;--color-accent-5:#776541;--color-grad-1:#2b2b5c;--color-grad-2:#1b6193;--color-grad-3:#1573a6;--color-grad-4:#1ea2a0;--color-grad-5:#1ea2a0;--color-quiz-error:#cb2020;--color-quiz-success:#067a3c}.theme-zoo{--color-primary:#2a9ffb;--color-accent-1:#196cab;--color-accent-2:#333;--color-accent-3:#ededed;--color-accent-4:#7120a5;--color-accent-5:#ccc;--color-grad-1:#ca0cb2;--color-grad-2:#cd15b4;--color-grad-3:#7120a5;--color-grad-4:#7e12e3;--color-grad-5:#2a9ffb;--color-quiz-error:#cb2020;--color-quiz-success:#288341}.theme-mq{--color-primary:#2b8444;--color-accent-1:#37a857;--color-accent-2:#2b8444;--color-accent-3:#ededed;--color-accent-4:#333;--color-accent-5:#ccc;--color-grad-1:#000;--color-grad-2:#333;--color-grad-3:#2b8444;--color-grad-4:#37a857;--color-grad-5:#91dea7;--color-quiz-error:#cb2020;--color-quiz-success:#067a3c}p{margin-bottom:1rem}a{color:var(--color-accent-1);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}a:hover{color:var(--color-accent-2)}pre{white-space:pre-wrap}[x-cloak]{display:none!important}img[src=""]{visibility:hidden}nav.navbar a:before{display:block;content:attr(data-text);font-weight:700;height:0;overflow:hidden;visibility:hidden}nav.navbar a:after{margin-top:-1px}.btn{display:inline-block;cursor:pointer;background-color:var(--color-accent-1);font-weight:700;text-transform:uppercase;transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn,.btn:focus,.btn:hover,a:focus .btn,a:hover .btn{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn:focus,.btn:hover,a:focus .btn,a:hover .btn{background-color:var(--color-primary)}.btn:disabled{--tw-bg-opacity:1;background-color:rgb(119 119 119/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.animated-underline,.animated-underline-heavy{display:block;position:relative}.animated-underline-heavy.flex,.animated-underline.flex{display:flex}.animated-underline-heavy:after,.animated-underline:after{background-color:var(--color-accent-1);position:absolute;transition-property:all;transition-duration:.1s;transition-timing-function:ease-in-out;content:"";pointer-events:none;height:2px;width:0;left:50%;bottom:-10px}.animated-underline-heavy:after{height:4px;bottom:0;border-bottom:1px solid #333}.animated-underline-heavy:hover:after,.animated-underline:hover:after{width:100%;left:0}.card{position:relative;display:flex;min-height:20rem;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:50%;background-repeat:no-repeat;padding:1.5rem 1.5rem 2rem}.animated-underline-heavy.card,.animated-underline.card{display:flex}@media (min-width:1280px){.card{padding:2rem 2rem 2.5rem;min-height:23.6875rem}}.card:before{position:absolute;left:0;top:0;height:100%;width:100%;content:"";background:linear-gradient(58deg,rgba(4,4,4,.9),rgba(4,4,4,.46) 77%,rgba(4,4,4,.15));transition:opacity .25s ease-in-out}.card:focus:before,.card:hover:before{opacity:.8}.divider:after{flex:1 1 0%;--tw-bg-opacity:1;background-color:rgb(234 234 234/var(--tw-bg-opacity,1));content:"";height:1px}.breadcrumb-item:after{position:absolute;top:0;color:var(--color-primary);content:"/";right:-1.2rem}.breadcrumb-item:last-child:after{content:none}.dot:before{position:relative;margin-left:.25rem;margin-right:.25rem;content:"\2022";font-style:normal;bottom:.0625em;line-height:1em;font-size:1.125em;vertical-align:middle}#ad-wrap-bannerTop{margin-left:auto;margin-right:auto;max-width:970px}.ad-sticky,.leaderboard-sticky .leaderboard-banner{top:0;text-align:center;position:sticky;z-index:999}.leaderboard-sticky .col-rail .sticky{top:250px}.ad-tag:not(#ad-div-inline1sponsor,#ad-div-inline2sponsor){text-align:center;line-height:0}.ad-tag:not(#ad-div-inline1sponsor,#ad-div-inline2sponsor)>div,.ad-tag:not(#ad-div-inline1sponsor,#ad-div-inline2sponsor) iframe{margin-left:auto;margin-right:auto}#content-well .editorial-body{word-break:break-word}#content-well .editorial-body p:not(.ad-disclaimer){margin-bottom:1.5rem;font-size:1.125rem;line-height:1.75}#content-well .sidebar-section p:last-child{margin-bottom:0}.editorial-body ul,ul.list{list-style-type:disc}.editorial-body ul,.page-body ol,ul.list{margin-bottom:1.5rem;list-style-position:inside;padding-inline-start:30px}.page-body ol{list-style-type:decimal}.editorial-body ul li,.page-body ol li{padding-bottom:.5rem;font-size:1.125rem}.ad-inline iframe{margin:0 auto}.sidebar-section{clear:both}.sidebar-section.loaded{background-image:url(https://cdn.hswstatic.com/en-us/hsw/img/memphis-pattern-tan.png)}.instagram-post iframe{margin:0 auto}.theme-hsw .bg-tan a{color:#127271}@media print{#editorial-body p:not(.ad-disclaimer){line-height:1.375}.sidebar-section{margin-left:auto;margin-right:auto;width:75%}.sidebar-section li,.sidebar-section p{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}}.imageBoxRight .credit{--tw-bg-opacity:1;background-color:rgb(237 232 222/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-size:.75rem;text-transform:uppercase}.theme-hsw .imageBoxRight .credit a{color:#127271}.imageBoxRight .credit{display:table-caption;caption-side:bottom}.imageBoxRight .caption{--tw-bg-opacity:1;background-color:rgb(237 232 222/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-size:.875rem}.theme-hsw .imageBoxRight .caption a{color:#127271}.imageBoxRight .caption{display:table-caption;caption-side:bottom}.imageBoxRight{margin-bottom:2rem;display:table;--tw-bg-opacity:1;background-color:rgb(237 232 222/var(--tw-bg-opacity,1))}.theme-hsw .imageBoxRight a{color:#127271}.imageBoxRight br{display:none}@media (min-width:768px){.imageBoxRight{float:left;margin-right:1rem;margin-bottom:1rem}}.editorial-body table{font-size:.87em;width:100%;border:2px solid var(--color-accent-1)}.editorial-body td,.editorial-body th{padding:2px 5px;border:1px solid var(--color-grad-5)}.editorial-body td p{margin-bottom:3px}.sideBoxRight{margin-bottom:2rem}.sideBoxRight td{--tw-bg-opacity:1;background-color:rgb(237 232 222/var(--tw-bg-opacity,1));padding:2rem}.theme-hsw .sideBoxRight td a{color:#127271}.sideBoxRight td{background-image:url(https://cdn.hswstatic.com/en-us/hsw/img/memphis-pattern-tan.png)}.sideBoxRight .titleBlue{margin-bottom:1rem;font-size:2.25rem}.sideBoxRight .body{font-size:1.125rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-left-12{left:-3rem}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-5{right:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-14{top:3.5rem}.top-5{top:1.25rem}.top-56{top:56px}.top-99{top:99px}.top-n56{top:-56px}.z-10{z-index:10}.z-20{z-index:20}.order-1{order:1}.order-2{order:2}.clear-both{clear:both}.m-2{margin:.5rem}.m-4{margin:1rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-auto{margin-top:auto;margin-bottom:auto}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.-mt-2{margin-top:-.5rem}.-mt-24{margin-top:-6rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-8{margin-left:2rem}.mr-1{margin-right:.25rem}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mr-8{margin-right:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-11{margin-top:2.75rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-14{height:3.5rem}.h-24{height:6rem}.h-4{height:1rem}.h-44{height:11rem}.h-4px{height:4px}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-full{height:100%}.min-h-24{min-height:24rem}.min-h-3{min-height:3rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-56{width:14rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-225{min-width:225px}.min-w-3{min-width:3rem}.min-w-3\/4{min-width:75%}.min-w-300{min-width:300px}.max-w-500{max-width:500px}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-screen-xl{max-width:1280px}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-top-right{transform-origin:top right}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-4{--tw-translate-y:1rem}.-rotate-90,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg}.rotate-180{--tw-rotate:180deg}.rotate-45,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.rotate-90{--tw-rotate:90deg}.-scale-100,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-scale-100{--tw-scale-x:-1;--tw-scale-y:-1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadein{0%{opacity:0}to{opacity:1}}.animate-fadein{animation:fadein .75s linear 0s}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@keyframes wiggle{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.animate-wiggle{animation:wiggle .5s linear 0s 3}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-scroll{overflow-x:scroll}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-5{border-bottom-width:5px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r-2{border-right-width:2px}.border-t-6{border-top-width:6px}.border-accent-5{border-color:var(--color-accent-5)}.border-gray{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-gray-dark{--tw-border-opacity:1;border-color:rgb(119 119 119/var(--tw-border-opacity,1))}.border-gray-light{--tw-border-opacity:1;border-color:rgb(234 234 234/var(--tw-border-opacity,1))}.border-green{--tw-border-opacity:1;border-color:rgb(30 162 160/var(--tw-border-opacity,1))}.border-light-gray{--tw-border-opacity:1;border-color:rgb(234 234 234/var(--tw-border-opacity,1))}.border-mid-gray{--tw-border-opacity:1;border-color:rgb(44 44 44/var(--tw-border-opacity,1))}.border-primary{border-color:var(--color-primary)}.border-quiz-gray-2{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-tan{--tw-border-opacity:1;border-color:rgb(237 232 222/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-accent-1{background-color:var(--color-accent-1)}.bg-accent-2{background-color:var(--color-accent-2)}.bg-accent-3{background-color:var(--color-accent-3)}.bg-accent-4{background-color:var(--color-accent-4)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue{--tw-bg-opacity:1;background-color:rgb(12 81 153/var(--tw-bg-opacity,1))}.bg-dark-blue{--tw-bg-opacity:1;background-color:rgb(21 21 56/var(--tw-bg-opacity,1))}.bg-gray{--tw-bg-opacity:1;background-color:rgb(221 221 221/var(--tw-bg-opacity,1))}.bg-gray-dark{--tw-bg-opacity:1;background-color:rgb(119 119 119/var(--tw-bg-opacity,1))}.bg-gray-darkest{--tw-bg-opacity:1;background-color:rgb(4 4 4/var(--tw-bg-opacity,1))}.bg-gray-light{--tw-bg-opacity:1;background-color:rgb(234 234 234/var(--tw-bg-opacity,1))}.bg-green{--tw-bg-opacity:1;background-color:rgb(30 162 160/var(--tw-bg-opacity,1))}.bg-light-blue{--tw-bg-opacity:1;background-color:rgb(40 161 216/var(--tw-bg-opacity,1))}.bg-light-gray{--tw-bg-opacity:1;background-color:rgb(234 234 234/var(--tw-bg-opacity,1))}.bg-lighter-gray{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity,1))}.bg-mid-blue{--tw-bg-opacity:1;background-color:rgb(42 112 224/var(--tw-bg-opacity,1))}.bg-primary{background-color:var(--color-primary)}.bg-quiz-error{background-color:var(--color-quiz-error)}.bg-quiz-gray-1{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.bg-quiz-success{background-color:var(--color-quiz-success)}.bg-red{--tw-bg-opacity:1;background-color:rgb(230 31 31/var(--tw-bg-opacity,1))}.bg-royal-blue{--tw-bg-opacity:1;background-color:rgb(43 43 92/var(--tw-bg-opacity,1))}.bg-tan{--tw-bg-opacity:1;background-color:rgb(237 232 222/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-65{--tw-bg-opacity:0.65}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-escher-overlay{background-image:linear-gradient(102deg,rgba(43,43,92,.7),rgba(21,115,166,.7) 27%,rgba(21,114,165,.7) 76%,rgba(22,111,162,.7) 85%,rgba(21,115,166,.7) 89%,rgba(30,162,160,.7));}.bg-gradient-to-r{background-image:linear-gradient(90deg,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(0deg,var(--tw-gradient-stops))}.bg-hsw-gradient{background-image:linear-gradient(94deg,#2b2b5c,#1b6193 33%,#1573a6 50%,#1ea2a0 91%,#1ea2a0)}.bg-theme-gradient{background-image:linear-gradient(94deg,var(--color-grad-1),var(--color-grad-2) 33%,var(--color-grad-3) 50%,var(--color-grad-4) 91%,var(--color-grad-5))}.from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.from-black,.from-royal-blue{--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-royal-blue{--tw-gradient-from:#2b2b5c var(--tw-gradient-from-position);--tw-gradient-to:rgba(43,43,92,0) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-scroll{background-attachment:scroll}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.stroke-accent-1{stroke:var(--color-accent-1)}.stroke-current{stroke:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.font-headline{font-family:Lato,Roboto,sans-serif}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-8xl{font-size:6rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.leading-relaxed-more{line-height:1.75}.leading-tight{line-height:1.25}.leading-tighter{line-height:1.1}.text-accent-1{color:var(--color-accent-1)}.text-accent-2{color:var(--color-accent-2)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-brown{--tw-text-opacity:1;color:rgb(119 101 65/var(--tw-text-opacity,1))}.text-dark-blue{--tw-text-opacity:1;color:rgb(21 21 56/var(--tw-text-opacity,1))}.text-dark-gray{--tw-text-opacity:1;color:rgb(4 4 4/var(--tw-text-opacity,1))}.text-gray-dark{--tw-text-opacity:1;color:rgb(119 119 119/var(--tw-text-opacity,1))}.text-gray-darker{--tw-text-opacity:1;color:rgb(73 82 89/var(--tw-text-opacity,1))}.text-gray-darkest{--tw-text-opacity:1;color:rgb(4 4 4/var(--tw-text-opacity,1))}.text-green{--tw-text-opacity:1;color:rgb(30 162 160/var(--tw-text-opacity,1))}.text-lighter-gray{--tw-text-opacity:1;color:rgb(247 247 247/var(--tw-text-opacity,1))}.text-mid-gray{--tw-text-opacity:1;color:rgb(44 44 44/var(--tw-text-opacity,1))}.text-primary{color:var(--color-primary)}.text-quiz-error{color:var(--color-quiz-error)}.text-quiz-success{color:var(--color-quiz-success)}.text-red-error{--tw-text-opacity:1;color:rgb(177 55 55/var(--tw-text-opacity,1))}.text-royal-blue{--tw-text-opacity:1;color:rgb(43 43 92/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zoo-gray{--tw-text-opacity:1;color:rgb(42 46 56/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.placeholder-gray-dark::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(119 119 119/var(--tw-placeholder-opacity,1))}.placeholder-gray-dark::placeholder{--tw-placeholder-opacity:1;color:rgb(119 119 119/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-53{opacity:.53}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline{outline-style:solid}.outline-offset-0{outline-offset:0}.outline-gray{outline-color:#ddd}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.ring-primary{--tw-ring-color:var(--color-primary)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,0.1)) drop-shadow(0 1px 1px rgba(0,0,0,0.06))}.drop-shadow,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-opacity{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-250{transition-duration:.25s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.\[shown\:1\]{shown:1}.h-50{height:50px}.h-90{height:90px}.h-200{height:200px}.h-275{height:275px}.h-max-90{max-height:90px}.h-max-200{max-height:200px}.h-max-250{max-height:250px}.h-max-600{max-height:600px}.h-min-90{min-height:90px}.h-min-200{min-height:200px}.h-min-250{min-height:250px}.h-min-400{min-height:400px}.h-min-600{min-height:600px}.h-min-1000{min-height:1000px}.w-168{width:168px}.w-300{width:300px}.w-1200{width:1200px}.w-1600{width:1600px}.w-max-1200{max-width:1200px}.w-max-1600{max-width:1600px}.z-999{z-index:999}.z-1050{z-index:1050}.image-mask{mask-image:linear-gradient(180deg,#000 50%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent)}@media print{.image-mask{mask-image:none;-webkit-mask-image:none}}.before\:mr-2:before{content:var(--tw-content);margin-right:.5rem}.before\:h-4px:before{content:var(--tw-content);height:4px}.before\:flex-1:before{content:var(--tw-content);flex:1 1 0%}.before\:bg-green:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(30 162 160/var(--tw-bg-opacity,1))}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-0:after{content:var(--tw-content);left:0}.after\:top-full:after{content:var(--tw-content);top:100%}.after\:ml-2:after{content:var(--tw-content);margin-left:.5rem}.after\:h-4px:after{content:var(--tw-content);height:4px}.after\:h-5px:after{content:var(--tw-content);height:5px}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:flex-1:after{content:var(--tw-content);flex:1 1 0%}.after\:bg-green:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(30 162 160/var(--tw-bg-opacity,1))}.after\:bg-primary:after{content:var(--tw-content);background-color:var(--color-primary)}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.after\:bg-theme-gradient:after{content:var(--tw-content);background-image:linear-gradient(94deg,var(--color-grad-1),var(--color-grad-2) 33%,var(--color-grad-3) 50%,var(--color-grad-4) 91%,var(--color-grad-5))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:bg-accent-1:hover{background-color:var(--color-accent-1)}.hover\:bg-gray-light:hover{--tw-bg-opacity:1;background-color:rgb(234 234 234/var(--tw-bg-opacity,1))}.hover\:bg-green:hover{--tw-bg-opacity:1;background-color:rgb(30 162 160/var(--tw-bg-opacity,1))}.hover\:bg-lighter-gray:hover{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity,1))}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:font-bold:hover{font-weight:700}.hover\:text-accent-1:hover{color:var(--color-accent-1)}.hover\:text-accent-4:hover{color:var(--color-accent-4)}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:text-green:hover{--tw-text-opacity:1;color:rgb(30 162 160/var(--tw-text-opacity,1))}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-royal-blue:hover{--tw-text-opacity:1;color:rgb(43 43 92/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.focus\:text-accent-1:focus{color:var(--color-accent-1)}.focus\:text-green:focus{--tw-text-opacity:1;color:rgb(30 162 160/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-royal-blue:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(43 43 92/var(--tw-ring-opacity,1))}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:bg-green{--tw-bg-opacity:1;background-color:rgb(30 162 160/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-primary{background-color:var(--color-primary)}.group:hover .group-hover\:from-dark-blue{--tw-gradient-from:#151538 var(--tw-gradient-from-position);--tw-gradient-to:rgba(21,21,56,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:text-green{--tw-text-opacity:1;color:rgb(30 162 160/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:focus .group-focus\:opacity-75,.group:hover .group-hover\:opacity-75{opacity:.75}@media (min-width:640px){.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:order-3{order:3}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:row-span-2{grid-row:span 2/span 2}.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-6{margin-bottom:1.5rem}.sm\:ml-3{margin-left:.75rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-screen{height:100vh}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-lg{max-width:32rem}.sm\:translate-y-0{--tw-translate-y:0px}.sm\:scale-100,.sm\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-fs-md{grid-template-columns:2fr 1fr}.sm\:grid-cols-fsr-md{grid-template-columns:1fr 2fr}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pb-4{padding-bottom:1rem}.sm\:align-middle{vertical-align:middle}.sm\:text-2xl{font-size:1.5rem}.sm\:text-sm{font-size:.875rem}.sm\:leading-5{line-height:1.25rem}.sm\:line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}}@media (min-width:768px){.md\:relative{position:relative}.md\:float-left{float:left}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-4{margin-left:1rem;margin-right:1rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:-mt-36{margin-top:-9rem}.md\:-mt-4{margin-top:-1rem}.md\:mb-0{margin-bottom:0}.md\:mb-4{margin-bottom:1rem}.md\:mb-8{margin-bottom:2rem}.md\:ml-0{margin-left:0}.md\:mr-6{margin-right:1.5rem}.md\:mt-8{margin-top:2rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-20{height:5rem}.md\:min-h-30{min-height:30rem}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-11\/12{width:91.666667%}.md\:w-2\/3{width:66.666667%}.md\:w-auto{width:auto}.md\:max-w-1014{max-width:1014px}.md\:flex-1{flex:1 1 0%}.md\:shrink{flex-shrink:1}.md\:shrink-0{flex-shrink:0}.md\:grid-flow-col{grid-auto-flow:column}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-stretch{align-items:stretch}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:overflow-x-visible{overflow-x:visible}.md\:px-0{padding-left:0;padding-right:0}.md\:px-2{padding-left:.5rem;padding-right:.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:pb-0{padding-bottom:0}.md\:pr-10{padding-right:2.5rem}.md\:pt-0{padding-top:0}.md\:pt-6{padding-top:1.5rem}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:text-2xl{font-size:1.5rem}.md\:text-3xl{font-size:1.875rem}.md\:text-4xl{font-size:2.25rem}.md\:text-5xl{font-size:3rem}.md\:font-bold{font-weight:700}.md\:font-normal{font-weight:400}.md\:leading-tight{line-height:1.25}}@media (min-width:1024px){.lg\:order-3{order:3}.lg\:order-4{order:4}.lg\:order-5{order:5}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.lg\:mx-8{margin-left:2rem;margin-right:2rem}.lg\:my-0{margin-top:0}.lg\:mb-0,.lg\:my-0{margin-bottom:0}.lg\:mb-11{margin-bottom:2.75rem}.lg\:mb-2{margin-bottom:.5rem}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-8{margin-bottom:2rem}.lg\:ml-auto{margin-left:auto}.lg\:mr-0{margin-right:0}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-20{height:5rem}.lg\:min-h-2{min-height:2rem}.lg\:w-1\/2{width:50%}.lg\:w-1\/4{width:25%}.lg\:w-11\/12{width:91.666667%}.lg\:w-3\/4{width:75%}.lg\:w-auto{width:auto}.lg\:min-w-2{min-width:2rem}.lg\:min-w-300{min-width:300px}.lg\:max-w-195{max-width:195px}.lg\:max-w-xs{max-width:20rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-fs-lg{grid-template-columns:2fr 1fr 1fr}.lg\:grid-cols-fsr-lg{grid-template-columns:1fr 1fr 2fr}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-stretch{align-items:stretch}.lg\:gap-8{gap:2rem}.lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.lg\:gap-y-6{row-gap:1.5rem}.lg\:self-start{align-self:flex-start}.lg\:p-8{padding:2rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\:py-4{padding-top:1rem;padding-bottom:1rem}.lg\:pr-4{padding-right:1rem}.lg\:pt-8{padding-top:2rem}.lg\:text-2xl{font-size:1.5rem}.lg\:text-4xl{font-size:2.25rem}.lg\:text-lg{font-size:1.125rem}.lg\:text-xl{font-size:1.25rem}}@media (min-width:1280px){.xl\:mb-4{margin-bottom:1rem}.xl\:mb-5{margin-bottom:1.25rem}.xl\:mb-8{margin-bottom:2rem}.xl\:block{display:block}.xl\:inline-block{display:inline-block}.xl\:flex{display:flex}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:p-8{padding:2rem}.xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}.xl\:py-3{padding-top:.75rem;padding-bottom:.75rem}.xl\:pl-10{padding-left:2.5rem}.xl\:text-6xl{font-size:4rem}.xl\:text-base{font-size:1rem}.xl\:text-lg{font-size:1.125rem}.xl\:line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}}@media (min-width:1536px){.\32xl\:mr-5{margin-right:1.25rem}.\32xl\:text-2xl{font-size:1.5rem}}@media (min-width:1600px){.xxl\:min-h-35{min-height:35rem}}@media print{.print\:block{display:block}.print\:hidden{display:none}.print\:h-auto{height:auto}.print\:overflow-auto{overflow:auto}} </style> <link rel="alternate" type="application/rss+xml" title="Subscribe to What's New / HowStuffWorks RSS" href="https://syndication.howstuffworks.com/rss/HSW" /><link rel="icon" href="//cdn.hswstatic.com/en-us/hsw/img/icons/favicon.svg"> <link rel="apple-touch-icon" href="//cdn.hswstatic.com/en-us/hsw/img/icons/apple-touch.png"> <link rel="manifest" href="/manifest.json"> <link rel="mask-icon" href="//cdn.hswstatic.com/en-us/hsw/img/icons/favicon-mask.svg" color="#000033"> <meta name="theme-color" content="#151538"> </head> <body class="hsw-page theme-hsw pt-14 md:pt-0 science cid-17312 interior landing-page landing-template channel-hp" > <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NXHP8V" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="header" x-data="{ showMobileMenu : false, showMobileSearch : false, showNewsletterBanner : false, showNewsletterChatbox : false }" class="fixed top-0 w-full md:relative z-1050 print:hidden"> <header class="bg-royal-blue text-white max-w-full h-14 lg:h-20" data-track-gtm="Header"> <div class="w-full px-2 md:px-4 lg:px-5 w-max-1600 mx-auto"> <div class="flex justify-between items-center h-14 lg:h-20"> <div class="shrink lg:hidden self-center"> <a class=" text-white hover:text-white focus:text-green" @click.prevent="showMobileMenu = !showMobileMenu" href="#" aria-controls="mobile-nav" :aria-expanded="showMobileMenu.toString()" data-cy="mobile-menu-icon" > <svg class="fill-current stroke-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="21" viewBox="0 0 32 21"> <title>Mobile Menu</title> <defs> <clipPath id="clip-path"> <rect width="32" height="21" fill="none"/> </clipPath> </defs> <g id="Repeat_Grid_60" data-name="Repeat Grid 60" clip-path="url(#clip-path)"> <g transform="translate(-158 -87)"> <line id="Line_7" data-name="Line 7" x2="29" transform="translate(159.5 89.5)" fill="none" stroke-linecap="round" stroke-width="2"/> </g> <g transform="translate(-158 -79)"> <line id="Line_7-2" data-name="Line 7" x2="29" transform="translate(159.5 89.5)" fill="none" stroke-linecap="round" stroke-width="2"/> </g> <g transform="translate(-158 -71)"> <line id="Line_7-3" data-name="Line 7" x2="29" transform="translate(159.5 89.5)" fill="none" stroke-linecap="round" stroke-width="2"/> </g> </g> </svg> </a> </div> <div class="text-center px-4 md:text-left lg:px-0"> <a class="pt-1 text-white hover:text-white" href="//www.howstuffworks.com/" data-track-gtm="Logo"> <svg class="fill-current w-168 mx-auto lg:w-auto lg:max-w-195 lg:mx-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 90.1" width="195" height="35.139"><title>HowStuffWorks</title><g fill-rule="evenodd" clip-rule="evenodd" fill="#FFF"><path d="M379.4 51.3c12 0 20.2 7.9 20.2 19.3S391.2 90 379.4 90c-12.1 0-20.3-7.9-20.3-19.3-.1-11.5 8.2-19.4 20.3-19.4zm107.3-.1c4.2-.1 8.3 1.3 11.5 3.9l-4.9 6c-1.6-1.5-3.7-2.3-5.9-2.4-1.9-.2-3.6 1.2-3.8 3 0 1.8.9 2.4 5.6 4.1 8.4 3 10.8 5.6 10.8 11.4 0 7.7-6.2 13-14.8 13-5.2 0-10.1-2.2-13.5-6.1l5.2-6.2c2 2.6 5.1 4.1 8.4 4.3 2.3.2 4.3-1.5 4.5-3.8v-.1c0-2.2-1-2.9-5.5-4.6-8.4-3.1-10.3-5.1-10.3-10.7 0-7 5.2-11.8 12.7-11.8zm-157.2.3l9.7 22.4 9.6-21.4h11.1l-18.3 37.2H337l-9.6-22.2-9.4 22.2h-4.6l-18.2-37.2h11.1l9.3 21 9.7-22.1 4.2.1zm96.4-.2c1.5 0 2.9.3 4.3.8l-1.4 9.6c-1.4-.9-3-1.3-4.7-1.3-5.8 0-8.6 3.5-8.6 10.9V89h-9.9V52.5h9.9V58c1.8-4.1 5.9-6.7 10.4-6.7zm17.4-25.4v39.9l13.3-13.3H470l-16.6 16 18 20.5h-13.6l-13.4-15.6-1.1 1.1V89h-9.9V26l9.9-.1zm-64 34.6c-5.6-.1-10.3 4.4-10.4 10.1-.1 5.6 4.4 10.3 10.1 10.4 5.6.1 10.3-4.4 10.4-10.1v-.1c0-5.6-4.5-10.2-10.1-10.3zM381.9 0c9.4 0 18.5 5.3 18.5 17.1 0 14.7-14.8 16.3-14.8 26.4v1.8h-11.5v-2.6c0-13.7 14.3-15.2 14.3-25.5.2-3.5-2.5-6.5-6-6.8h-.9c-4.8 0-7.2 3.2-7.2 7.9v1h-11.5C362.9 7.4 370.2 0 381.9 0zM60.5 51.3c12 0 20.2 7.9 20.2 19.3S72.3 90 60.5 90c-12.1 0-20.3-7.9-20.3-19.3-.1-11.5 8.2-19.4 20.3-19.4zm53.9.2l9.7 22.4 9.6-21.4h11.1l-18.4 37.2h-4.6l-9.6-22.2-9.4 22.2h-4.6L80 52.5h11.1l9.3 21 9.7-22.1 4.3.1zM9.9 25.9v31.3c2.4-3.8 6.6-6.1 11.1-5.9 3.9-.1 7.7 1.5 10.3 4.5 2.1 2.5 2.8 5 2.8 10.3V89h-9.9V69c0-6.5-1.9-9-6.8-9-5.1 0-7.5 3.3-7.5 10.3V89H0V26h9.9zm50.5 34.6c-5.6-.1-10.3 4.4-10.4 10.1-.1 5.6 4.4 10.3 10.1 10.4 5.6.1 10.3-4.4 10.4-10.1v-.1c0-5.6-4.5-10.2-10.1-10.3zM160.4 51.2c4.2-.1 8.3 1.3 11.5 3.9l-4.9 6c-1.6-1.5-3.7-2.3-5.9-2.4-1.9-.2-3.6 1.2-3.8 3 0 1.8.9 2.4 5.6 4.1 8.4 3 10.8 5.6 10.8 11.4 0 7.7-6.2 13-14.8 13-5.2 0-10.1-2.2-13.5-6.1l5.2-6.2c2 2.6 5.1 4.1 8.4 4.3 2.3.2 4.3-1.5 4.5-3.8v-.1c0-2.2-1-2.9-5.5-4.6-8.4-3.1-10.3-5.1-10.3-10.7 0-7 5.3-11.8 12.7-11.8zm53.2 1.3v20.6c0 5.5 2.5 8.3 7.2 8.3s7.2-2.9 7.2-8.3V52.5h10v22.3c0 9.8-6.2 15.3-17.2 15.3s-17.1-5.5-17.1-15.3V52.5h9.9zm-22.1-12.4v12.4h7v8.7h-7V89h-9.9V61.3h-3.9v-8.7h3.9V40.1h9.9zm70.2-15.2c1.8 0 3.6.4 5.2 1.3v9.3c-1.4-.9-3-1.3-4.6-1.4-3.3 0-4.6 2.3-4.6 8.2v10.2h9.2v8.7h-9.2V89h-9.9V61.3H244v-8.7h3.8V40.8c0-6.2 1.2-9.5 4.8-12.4 2.5-2.2 5.7-3.4 9.1-3.5zm25.8 0c1.8 0 3.6.4 5.2 1.3v9.3c-1.4-.9-3-1.3-4.6-1.4-3.3 0-4.6 2.3-4.6 8.2v10.2h9.2v8.7h-9.2V89h-9.9V61.3h-3.8v-8.7h3.8V40.8c0-6.2 1.2-9.5 4.8-12.4 2.5-2.2 5.7-3.4 9.1-3.5z"/></g></svg> </a> </div><div class="hidden lg:block w-full md:w-11/12 w-max-1600 px-6 print:hidden"> <nav class="navbar text-white pt-3" data-cy="header-navbar" aria-label="Desktop Menu"> <div class="pl-2 flex" data-track-gtm="Channel"><a class="pr-4 text-white font-bold hover:text-white hover:font-bold" href="https://science.howstuffworks.com/" data-text="Science">Science</a> <a class="pr-4 text-white hover:text-white hover:font-bold" href="https://electronics.howstuffworks.com/tech" data-text="Tech">Tech</a> <a class="pr-4 text-white hover:text-white hover:font-bold" href="https://home.howstuffworks.com/" data-text="Home & Garden">Home & Garden</a> <a class="pr-4 text-white hover:text-white hover:font-bold" href="https://auto.howstuffworks.com/" data-text="Auto">Auto</a> <a class="pr-4 text-white hover:text-white hover:font-bold" href="https://people.howstuffworks.com/culture" data-text="Culture">Culture</a><div id="header-more-dropdown" class="relative inline-block" x-data="{ open: false }" data-cy="nav-more-dropdown" > <button type="button" @click="open = true" class="focus:ring-primary inline-flex justify-center w-full" :class="{ 'font-bold' : open }" > More <span class="inline-block align-middle my-auto ml-2 mr-1"><svg xmlns="http://www.w3.org/2000/svg" width="28.396" height="13.211" viewBox="0 0 28.396 13.211" style="width: 14px; height: 9px;"><title>More</title><path d="M4398.8,5158.252l13.224,10.507,12.357-10.507" transform="translate(-4397.399 -5156.842)" fill="none" stroke="#f7f7f7" stroke-linecap="round" stroke-width="2"/></svg></span> </button> <div x-show="open" @click.away="open = false" class="origin-top-right absolute right-0 mt-2 w-56 border-t-6 border-green z-10"> <div class="bg-royal-blue shadow-xs"> <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="header-more-dropdown"> <a class="block text-white hover:text-white hover:font-bold px-4 py-2 leading-5 " role="menuitem" href="https://health.howstuffworks.com/" data-text="Health">Health</a> <a class="block text-white hover:text-white hover:font-bold px-4 py-2 leading-5 " role="menuitem" href="https://money.howstuffworks.com/" data-text="Money">Money</a> <a class="block text-white hover:text-white hover:font-bold px-4 py-2 leading-5 " role="menuitem" href="https://animals.howstuffworks.com/" data-text="Animals">Animals</a> <a class="block text-white hover:text-white hover:font-bold px-4 py-2 leading-5 " role="menuitem" href="https://lifestyle.howstuffworks.com/" data-text="Lifestyle">Lifestyle</a> <a class="block text-white hover:text-white hover:font-bold px-4 py-2 leading-5 " role="menuitem" href="https://entertainment.howstuffworks.com/" data-text="Entertainment">Entertainment</a> <a class="block text-white hover:text-white hover:font-bold px-4 py-2 leading-5 " role="menuitem" href="https://play.howstuffworks.com/" data-text="Quizzes">Quizzes</a> <a class="block text-white hover:text-white hover:font-bold px-4 py-2 leading-5 " role="menuitem" href="https://coupons.howstuffworks.com/" data-text="Coupons">Coupons</a> </div> </div> </div> </div> </div> </nav> </div><div id="nlcb" class="hidden"> <div id="nlcb-icon" class="flex-none md:hidden self-center mt-1 mr-3"> <a class="flex cursor-pointer" @click.prevent="showNewsletterChatbox = !showNewsletterChatbox; cancelTimers(); startDialogue();" href="#" aria-controls="newsletter-chatbox" :aria-expanded="showNewsletterChatbox.toString()"> <svg xmlns="http://www.w3.org/2000/svg" width="24.259" height="19.261" viewBox="0 0 24.259 19.261"> <title>Mobile Newsletter</title> <defs><style>.nla{fill:none;stroke:#eaeaea;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs> <g transform="translate(1.029 0.75)"> <path class="nla" d="M5.22,6H22.981A2.227,2.227,0,0,1,25.2,8.22V21.541a2.227,2.227,0,0,1-2.22,2.22H5.22A2.227,2.227,0,0,1,3,21.541V8.22A2.227,2.227,0,0,1,5.22,6Z" transform="translate(-3 -6)"/> <path class="nla" d="M25.2,9,14.1,15.654,3,9" transform="translate(-3 -6.532)"/></g> </svg> <div id="nlcb-dot" class="bg-red invisible rounded-full h-4 w-4 flex items-center justify-center -ml-2 -mt-2"> <span class="text-white text-xs">1</span> </div> </a> </div> </div><div class="text-right"> <form action="https://s.howstuffworks.com/serp" method="get" class="hidden lg:block mb-0"> <div class="flex"> <input id="keywords" name="q" class="focus:ring-primary flex-1 block px-4 py-2 min-w-225 placeholder-gray-dark text-dark-gray transition duration-150 ease-in-out text-sm leading-5" placeholder="Search..."> <button type="submit" class="inline-flex items-center self-center text-sm bg-green text-white transition-colors duration-300 ease-in-out hover:bg-primary px-3 py-2"> <svg class="fill-current" class="cursor-pointer" xmlns="http://www.w3.org/2000/svg" width="25.537" height="25.543" viewbox="0 0 25.537 25.543"> <path d="M29.737,28.187l-7.1-7.169A10.121,10.121,0,1,0,21.1,22.575L28.154,29.7a1.093,1.093,0,0,0,1.543.04A1.1,1.1,0,0,0,29.737,28.187ZM14.681,22.661a7.992,7.992,0,1,1,5.653-2.341A7.943,7.943,0,0,1,14.681,22.661Z" transform="translate(-4.5 -4.493)"/> </svg> <span class="sr-only">Submit Search</span> </button> </div> </form><a class="lg:hidden text-white hover:text-white focus:text-green" :class="{ 'hidden' : showMobileSearch }" @click.prevent="showMobileSearch = true" href="#" data-cy="mobile-search-open" > <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"> <path d="M29.737,28.187l-7.1-7.169A10.121,10.121,0,1,0,21.1,22.575L28.154,29.7a1.093,1.093,0,0,0,1.543.04A1.1,1.1,0,0,0,29.737,28.187ZM14.681,22.661a7.992,7.992,0,1,1,5.653-2.341A7.943,7.943,0,0,1,14.681,22.661Z" transform="translate(-4.5 -4.493)"/> </svg> <span class="sr-only">Search</span> </a><a x-cloak class="lg:hidden text-white hover:text-white focus:text-green" :class="{ 'hidden' : !showMobileSearch }" @click.prevent="showMobileSearch = false" href="#" data-cy="mobile-search-close" > <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"> <g transform="translate(-3.375 -3.375)"> <path d="M23.295,21.705,19.589,18l3.705-3.705a1.124,1.124,0,0,0-1.589-1.589L18,16.411l-3.705-3.705a1.124,1.124,0,0,0-1.589,1.589L16.411,18l-3.705,3.705a1.086,1.086,0,0,0,0,1.589,1.116,1.116,0,0,0,1.589,0L18,19.589l3.705,3.705a1.129,1.129,0,0,0,1.589,0A1.116,1.116,0,0,0,23.295,21.705Z" transform="translate(-2.123 -2.123)"/> <path d="M15.875,5.058a10.813,10.813,0,1,1-7.65,3.167,10.746,10.746,0,0,1,7.65-3.167m0-1.683a12.5,12.5,0,1,0,12.5,12.5,12.5,12.5,0,0,0-12.5-12.5Z"/> </g> </svg> <span class="sr-only">Close Search</span> </a> </div> </div> </div> </header><nav x-cloak :class="{ 'hidden' : !showMobileMenu }" class="bg-dark-blue text-white p-4 text-lg fixed w-full top-14 print:hidden" :aria-expanded="showMobileMenu.toString()" id="mobile-nav" data-cy="mobile-menu" aria-label="Mobile Menu" > <ul class="list-none border-b border-primary mb-2 pb-2"> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://science.howstuffworks.com/">Science</a></li> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://electronics.howstuffworks.com/tech">Tech</a></li> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://home.howstuffworks.com/">Home & Garden</a></li> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://auto.howstuffworks.com/">Auto</a></li> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://people.howstuffworks.com/culture">Culture</a></li> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://health.howstuffworks.com/">Health</a></li> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://money.howstuffworks.com/">Money</a></li> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://animals.howstuffworks.com/">Animals</a></li> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://lifestyle.howstuffworks.com/">Lifestyle</a></li> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://entertainment.howstuffworks.com/">Entertainment</a></li> </ul> <ul class="list-none"> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://play.howstuffworks.com/">Quizzes</a></li> <li class="my-2"><a class="text-white hover:text-white hover:font-bold" href="https://coupons.howstuffworks.com/">Coupons</a></li> </ul> </nav><div x-cloak :class="{ 'hidden' : !showMobileSearch }" class="bg-dark-blue text-white p-4 fixed w-full top-14"> <form action="https://s.howstuffworks.com/serp" method="get"> <div class="flex"> <input id="keywords-mobile" name="q" class="focus:ring-primary flex-1 block px-4 py-2 w-full placeholder-gray-dark text-dark-gray transition duration-150 ease-in-out sm:text-sm sm:leading-5" placeholder="Search..."> <button type="submit" class="inline-flex items-center self-center text-sm bg-green text-white px-3 py-2"> <svg class="fill-current" class="cursor-pointer" xmlns="http://www.w3.org/2000/svg" width="25.537" height="25.543" viewbox="0 0 25.537 25.543"> <path d="M29.737,28.187l-7.1-7.169A10.121,10.121,0,1,0,21.1,22.575L28.154,29.7a1.093,1.093,0,0,0,1.543.04A1.1,1.1,0,0,0,29.737,28.187ZM14.681,22.661a7.992,7.992,0,1,1,5.653-2.341A7.943,7.943,0,0,1,14.681,22.661Z" transform="translate(-4.5 -4.493)"/> </svg> <span class="sr-only">Submit Search</span> </button> </div> </form> </div><div id="nlcb-banner" class="hidden relative flex-col items-center mt-11 group" data-cy="mobile-newsletter-banner"> <div class="absolute bottom-0 flex flex-col items-center group-hover:flex bg-primary w-full"> <div class="w-5 h-5 -mt-2 self-end mr-16 rotate-45 transform bg-primary"></div> <div class="relative z-10 p-2 -mt-2 mb-2 text-lg font-bold leading-none text-white whitespace-no-wrap"> <a id="nlcb-banner-opencb" @click.prevent="showNewsletterChatbox = true; startDialogue();" class="text-white hover:text-white" href="#">Sign up for our Newsletter!</a> </div> <div class="absolute top-1/4 right-5"> <a id="nlcb-banner-close" class="text-white hover:text-white" href="#"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> <title>Mobile Newsletter banner close</title> <defs><style>.nlb{fill:#fff;}</style></defs> <g transform="translate(-3.375 -3.375)"> <path class="nlb" d="M19.93,18.828l-2.565-2.565L19.93,13.7a.778.778,0,0,0-1.1-1.1l-2.565,2.565L13.7,12.6a.778.778,0,0,0-1.1,1.1l2.565,2.565L12.6,18.828a.752.752,0,0,0,0,1.1.773.773,0,0,0,1.1,0l2.565-2.565,2.565,2.565a.782.782,0,0,0,1.1,0A.773.773,0,0,0,19.93,18.828Z" transform="translate(-2.889 -2.888)"/> <path class="nlb" d="M13.375,4.721a8.65,8.65,0,1,1-6.12,2.534,8.6,8.6,0,0,1,6.12-2.534m0-1.346a10,10,0,1,0,10,10,10,10,0,0,0-10-10Z"/> </g> </svg> </a> </div> </div> </div><div id="newsletter-chatbox" x-cloak :class="{ 'hidden' : !showNewsletterChatbox }" x-init="initNewsletterChatbox($dispatch)" class="print:hidden" :aria-expanded="showNewsletterChatbox.toString()"> <div class="flex items-end justify-center pt-0 px-4 pb-20 sm:block sm:p-0"> <div x-description="Background overlay, show/hide based on chatbox state." x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-black bg-opacity-75 transition-opacity"> </div><span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span> <div class="inline-block left-0 mt-0 mx-auto w-11/12 rounded-lg shadow transform transition-all"> <div class="bg-blue p-2 text-white font-bold text-md rounded-t-lg"> <div class="flex items-center justify-items-center justify-between"> <div class="justify-self-start"><img src="//cdn.hswstatic.com/en-us/hsw/img/hsw-avatar-sm.png" width="29px"/></div> <div class="whitespace-nowrap">HowStuffWorks Newsletter</div> <div class="justify-self-end"> <svg @click="showNewsletterChatbox = false; document.getElementById('nlcb-dot').classList.add('invisible');" class="fill-current" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"> <title>Mobile Newsletter chat close</title> <g transform="translate(-3.375 -3.375)"> <path d="M23.295,21.705,19.589,18l3.705-3.705a1.124,1.124,0,0,0-1.589-1.589L18,16.411l-3.705-3.705a1.124,1.124,0,0,0-1.589,1.589L16.411,18l-3.705,3.705a1.086,1.086,0,0,0,0,1.589,1.116,1.116,0,0,0,1.589,0L18,19.589l3.705,3.705a1.129,1.129,0,0,0,1.589,0A1.116,1.116,0,0,0,23.295,21.705Z" transform="translate(-2.123 -2.123)"></path> <path d="M15.875,5.058a10.813,10.813,0,1,1-7.65,3.167,10.746,10.746,0,0,1,7.65-3.167m0-1.683a12.5,12.5,0,1,0,12.5,12.5,12.5,12.5,0,0,0-12.5-12.5Z"></path> </g> </svg> </div> </div> </div> <div class="bg-gray-light text-gray-darkest min-h-24"> <div class="px-2 py-3"> <div id="cbc-0" class=" items-start hidden"> <div class="pr-3 flex-none"><img src="//cdn.hswstatic.com/en-us/hsw/img/hsw-avatar-sm.png" width="40" height="40"/></div> <div id="cbt-0" class="flex rounded-xl p-2 shadow bg-white"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="8" viewBox="0 0 28 8"> <title>Mobile Newsletter chat dots</title> <defs><style>.nlda{fill:#c0c1c5;}.nldb{fill:#939197;}</style></defs> <g transform="translate(-83 -81)"> <circle class="nlda" cx="4" cy="4" r="4" transform="translate(83 81)"/> <circle class="nlda" cx="4" cy="4" r="4" transform="translate(103 81)"/> <circle class="nldb" cx="4" cy="4" r="4" transform="translate(93 81)"/> </g> </svg> </div> </div> <div id="cbc-1" class=" items-start mt-3 hidden"> <div class="pr-3 flex-none"><img src="//cdn.hswstatic.com/en-us/hsw/img/hsw-avatar-sm.png" width="40" height="40"/></div> <div id="cbt-1" class="flex rounded-xl p-2 shadow bg-white"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="8" viewBox="0 0 28 8"> <title>Mobile Newsletter chat dots</title> <defs><style>.nlda{fill:#c0c1c5;}.nldb{fill:#939197;}</style></defs> <g transform="translate(-83 -81)"> <circle class="nlda" cx="4" cy="4" r="4" transform="translate(83 81)"/> <circle class="nlda" cx="4" cy="4" r="4" transform="translate(103 81)"/> <circle class="nldb" cx="4" cy="4" r="4" transform="translate(93 81)"/> </g> </svg> </div> </div> <div id="cbc-2" class=" items-start mt-3 hidden"> <div class="pr-3 flex-none"><img src="//cdn.hswstatic.com/en-us/hsw/img/hsw-avatar-sm.png" width="40" height="40"/></div> <div id="cbt-2" class="flex rounded-xl p-2 shadow bg-white"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="8" viewBox="0 0 28 8"> <title>Mobile Newsletter chat dots</title> <defs><style>.nlda{fill:#c0c1c5;}.nldb{fill:#939197;}</style></defs> <g transform="translate(-83 -81)"> <circle class="nlda" cx="4" cy="4" r="4" transform="translate(83 81)"/> <circle class="nlda" cx="4" cy="4" r="4" transform="translate(103 81)"/> <circle class="nldb" cx="4" cy="4" r="4" transform="translate(93 81)"/> </g> </svg> </div> </div> <div id="cbc-3" class="mt-3 hidden items-start justify-end"> <div id="cbt-3" class="rounded-2xl p-2 shadow bg-light-blue text-white"></div> <div class="pl-3 flex-none"> <div class="bg-primary rounded-2xl"> <svg class="p-1" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 22.045 25.917"> <title>Mobile Newsletter chat avatar</title> <defs><style>.nluser{fill:#fff;}</style></defs> <path class="nluser" d="M142.589,13.965h.172a4.952,4.952,0,0,0,3.784-1.637c2.066-2.329,1.723-6.322,1.685-6.7-.134-2.861-1.487-4.229-2.6-4.868A5.967,5.967,0,0,0,142.739,0h-.091a5.976,5.976,0,0,0-2.887.735c-1.127.639-2.5,2.007-2.635,4.889-.038.381-.381,4.374,1.685,6.7A4.932,4.932,0,0,0,142.589,13.965Zm-4.031-8.206c0-.016.005-.032.005-.043.177-3.848,2.909-4.261,4.079-4.261h.064c1.449.032,3.913.623,4.079,4.261a.1.1,0,0,0,.005.043c.005.038.381,3.687-1.326,5.608a3.518,3.518,0,0,1-2.764,1.149h-.054a3.506,3.506,0,0,1-2.759-1.149C138.188,9.457,138.553,5.791,138.559,5.759Z" transform="translate(-131.661)"/> <path class="nluser" d="M58.116,265.918V265.9c0-.043-.005-.086-.005-.134-.032-1.063-.1-3.548-2.431-4.342l-.054-.016a15.488,15.488,0,0,1-4.455-2.029.724.724,0,1,0-.832,1.186,16.715,16.715,0,0,0,4.9,2.238c1.25.445,1.39,1.782,1.428,3.005a1.077,1.077,0,0,0,.005.134,9.742,9.742,0,0,1-.113,1.658,19.752,19.752,0,0,1-9.462,2.2,19.865,19.865,0,0,1-9.467-2.206,9.222,9.222,0,0,1-.113-1.658c0-.043.005-.086.005-.134.038-1.224.177-2.56,1.428-3.005a16.872,16.872,0,0,0,4.9-2.238.724.724,0,1,0-.832-1.186,15.315,15.315,0,0,1-4.455,2.029c-.021.005-.038.011-.054.016-2.329.8-2.4,3.285-2.431,4.342a1.078,1.078,0,0,1-.005.134v.016a8.23,8.23,0,0,0,.274,2.431.688.688,0,0,0,.279.338A20.3,20.3,0,0,0,47.1,271.248a20.361,20.361,0,0,0,10.476-2.565.718.718,0,0,0,.279-.338A8.635,8.635,0,0,0,58.116,265.918Z" transform="translate(-36.073 -245.331)"/> </svg> </div> </div> </div> <div id="cbc-4" class="items-start mt-3 hidden"> <div class="pr-3 flex-none"><img src="//cdn.hswstatic.com/en-us/hsw/img/hsw-avatar-sm.png" width="40" height="40"/></div> <div id="chatbox-success" class="flex rounded-xl p-2 shadow bg-white"></div> </div> </div> </div> <div class="bg-white border border-gray-light rounded-b-lg"> <form id="chatbox-form"> <input type="hidden" name="formloc" value="Chatbox"> <input type="hidden" name="c" x-data="{ c : userData.country }" :value="c" /> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input name="website" type="text" autocomplete="off" tabindex="-1" value="" /></div> <div class="p-1 flex items-center"> <input type="email" value="" name="email" placeholder="Enter your email" class="w-5/6 text-md p-3 placeholder-gray-dark text-gray-darkest focus:outline-none required"> <button id="chatbox-subscribe" class="p-1 m-2 text-green"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="26.833" height="23" viewBox="0 0 26.833 23"> <title>Mobile Newsletter chat subscribe</title> <path d="M3.013,27.5,29.833,16,3.013,4.5,3,13.444,22.167,16,3,18.556Z" transform="translate(-3 -4.5)"/> </svg> </button> </div> </form> </div> </div> </div> </div> </div> <div class="print:hidden md:hidden fixed bottom-0 left-0 right-0 bg-light-gray h-50 z-999"> <div id="ad-wrap-mobadhesion" class="print:hidden md:hidden "><div id="ad-div-mobadhesion" class="ad-tag text-center"></div></div> </div> <main> <div class="mb-6 md:mb-0" data-track-gtm="Featured Top"> <div class="max-w-full bg-cover bg-no-repeat bg-center bg-scroll" style="background-image: url(https://cdn.hswstatic.com/gif/gettyimages-1406174121.jpg);"> <div class="max-w-full bg-gradient-to-r from-black to-transparent bg-opacity-65 text-white lg:py-4"> <div class="w-full px-4 lg:w-11/12 w-max-1600 mx-auto"> <div class="flex flex-col justify-end md:justify-center items-start min-h-24 md:min-h-30 xxl:min-h-35 lg:w-3/4 px-4 py-4 md:py-12"> <h1 class="uppercase text-lg leading-tighter mb-2 lg:text-xl md:mb-4 xl:mb-5">Science</h1> <a class="text-white hover:text-white animated-underline after:bg-white mb-6 xl:mb-8 text-3xl font-bold md:font-normal md:text-5xl xl:text-6xl font-headline leading-tighter" style="text-shadow: 2px 3px rgba(0, 0, 0, 0.75);" href="https://science.howstuffworks.com/sun.htm" data-track-gtm="Headline">How the Sun Works</a><a class="btn py-2 px-7 xl:py-3 xl:px-10 text-sm xl:text-lg" href="https://science.howstuffworks.com/sun.htm">Read More</a> </div> </div> </div> </div> </div> <div class="w-full md:w-11/12 w-max-1600 mx-auto px-4 pt-4 md:pt-6" id="page" data-track-gtm="Page"> <div class="md:flex md:flex-nowrap"> <div id="content-well" class="relative w-full md:flex-1 md:w-auto md:pr-10 col-main " data-track-gtm="Body"> <div class="mb-4"> <nav class="hidden lg:block" data-track-gtm="Topics to Explore" aria-label="Topics to Explore"> <p class="font-bold">Topics to Explore:</p> <div class="inline-grid gap-2 grid-col-2 md:grid-flow-col md:w-auto mb-4"> <div class="flex-1 mb-4" id="subcat-tags" x-data="{ showMore : false }"> <a class="btn bg-accent-1 hover:bg-primary normal-case text-base mb-2 mr-2 py-2 px-4" href="https://science.howstuffworks.com/environmental">Environmental Science</a></li> <a class="btn bg-accent-1 hover:bg-primary normal-case text-base mb-2 mr-2 py-2 px-4" href="https://science.howstuffworks.com/physical-science-channel.htm">Physical Science</a></li> <a class="btn bg-accent-1 hover:bg-primary normal-case text-base mb-2 mr-2 py-2 px-4" href="https://science.howstuffworks.com/innovation">Innovation</a></li> <a class="btn bg-accent-1 hover:bg-primary normal-case text-base mb-2 mr-2 py-2 px-4" href="https://science.howstuffworks.com/life">Life Science</a></li> <a class="btn bg-accent-1 hover:bg-primary normal-case text-base mb-2 mr-2 py-2 px-4" :class="{ 'hidden' : !showMore }" href="https://science.howstuffworks.com/engineering-channel.htm">Engineering</a></li> <a class="btn bg-accent-1 hover:bg-primary normal-case text-base mb-2 mr-2 py-2 px-4" :class="{ 'hidden' : !showMore }" href="https://science.howstuffworks.com/science-vs-myth">Science Vs. Myth</a></li> <a class="btn bg-accent-1 hover:bg-primary normal-case text-base mb-2 mr-2 py-2 px-4" :class="{ 'hidden' : !showMore }" href="https://science.howstuffworks.com/transport">Transportation</a></li> <a class="btn bg-accent-1 hover:bg-primary normal-case text-base mb-2 mr-2 py-2 px-4" :class="{ 'hidden' : !showMore }" href="https://science.howstuffworks.com/military-channel.htm">Military</a></li> <a class="btn bg-accent-1 hover:bg-primary normal-case text-base mb-2 mr-2 py-2 px-4" :class="{ 'hidden' : !showMore }" href="https://science.howstuffworks.com/nature">Forces of Nature</a></li> <a class="btn bg-accent-1 hover:bg-primary normal-case text-base mb-2 mr-2 py-2 px-4" :class="{ 'hidden' : !showMore }" href="https://science.howstuffworks.com/space-channel.htm">Space</a></li> <a class="btn bg-accent-1 hover:bg-primary normal-case text-base mb-2 mr-2 py-2 px-4" :class="{ 'hidden' : !showMore }" href="https://science.howstuffworks.com/dictionary">Dictionary</a></li> <a class="btn bg-primary hover:bg-accent-1 normal-case text-base cat-show-more py-2 px-4" :class="{ 'hidden' : showMore }" @click.prevent="showMore = true" href="#">More</a></li> </div> </div> </nav> <div class="sticky-container ad-container print:hidden md:hidden h-min-400 mb-6"> <div class="sticky top-14"> <p class="ad-disclaimer clear-both text-xs text-center mb-1 md:hidden">Advertisement</p> <div id="ad-wrap-mobinline1" class="print:hidden md:hidden "><div id="ad-div-mobinline1" class="ad-tag bg-gray w-max-full h-min-250 ad-mobinline"></div></div> </div> </div> <div class="mb-8" data-track-gtm="Featured Bottom"> <div class="grid grid-cols-1 grid-rows-4 sm:grid-cols-2 sm:grid-rows-2 lg:grid-cols-3 lg:grid-rows-1 xl:grid-cols-4 gap-4 mb-8"> <a class="grid-tile-b flex flex-col text-white group transition-none bg-gray " href="https://science.howstuffworks.com/innovation/edible-innovations/absinthe.htm"> <img src="" data-src="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2Fic2ludGhlLTE2Mzc3MDgwOC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" alt="Does Absinthe Really Cause Hallucinations?" class="lazyload block object-cover w-100 group-hover:opacity-75 group-focus:opacity-75 mx-auto" width="550" height="330" style="min-height: 10.9375rem; height: 8.75rem; transition: opacity 0.25s ease-in-out;"> <h3 class="flex-1 overflow-hidden text-lg font-bold font-headline bg-accent-2 mb-0 py-2 px-3 group-hover:text-white md:leading-tight"><span class="line-clamp-3">Does Absinthe Really Cause Hallucinations?</span></h3> </a> <a class="grid-tile-c flex flex-col text-white group transition-none bg-gray " href="https://science.howstuffworks.com/splashless-urinal.htm"> <img src="" data-src="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NwbGFzaGxlc3MtdXJpbmFsLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" alt="Physicists Make a Splash With a Urinal That Doesn't" class="lazyload block object-cover w-100 group-hover:opacity-75 group-focus:opacity-75 mx-auto" width="550" height="309.375" style="min-height: 10.9375rem; height: 8.75rem; transition: opacity 0.25s ease-in-out;"> <h3 class="flex-1 overflow-hidden text-lg font-bold font-headline bg-accent-2 mb-0 py-2 px-3 group-hover:text-white md:leading-tight"><span class="line-clamp-3">Physicists Make a Splash With a Urinal That Doesn't</span></h3> </a> <a class="grid-tile-d flex flex-col text-white group transition-none bg-gray " href="https://science.howstuffworks.com/engineering/civil/jeddah-tower.htm"> <img src="" data-src="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL0plZGRhaF9Ub3dlci5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" alt="Will the Jeddah Tower, World's Tallest Building, Ever Be Finished?" class="lazyload block object-cover w-100 group-hover:opacity-75 group-focus:opacity-75 mx-auto" width="550" height="309.375" style="min-height: 10.9375rem; height: 8.75rem; transition: opacity 0.25s ease-in-out;"> <h3 class="flex-1 overflow-hidden text-lg font-bold font-headline bg-accent-2 mb-0 py-2 px-3 group-hover:text-white md:leading-tight"><span class="line-clamp-3">Will the Jeddah Tower, World's Tallest Building, Ever Be Finished?</span></h3> </a> <a class="grid-tile-e flex flex-col text-white group transition-none bg-gray lg:hidden xl:flex" href="https://science.howstuffworks.com/life/cellular-microscopic/why-even-identical-twins-have-different-fingerprints.htm"> <img src="" data-src="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2ZpbmdlcnByaW50cy1hbGlrZS0zLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" alt="Why Even Identical Twins Have Different Fingerprints" class="lazyload block object-cover w-100 group-hover:opacity-75 group-focus:opacity-75 mx-auto" width="550" height="309.375" style="min-height: 10.9375rem; height: 8.75rem; transition: opacity 0.25s ease-in-out;"> <h3 class="flex-1 overflow-hidden text-lg font-bold font-headline bg-accent-2 mb-0 py-2 px-3 group-hover:text-white md:leading-tight"><span class="line-clamp-3">Why Even Identical Twins Have Different Fingerprints</span></h3> </a> </div> </div> <div class="mb-8" data-track-gtm="Latest"> <h3 class="text-2xl font-bold mb-4 leading-tight">Trending in Science</h3> <div class="grid grid-cols-1 grid-rows-4 sm:grid-cols-2 sm:grid-rows-2 lg:grid-cols-3 lg:grid-rows-1 xl:grid-cols-4 gap-4 mb-8"> <a class="grid-tile-b flex flex-col text-white group transition-none bg-gray " href="https://science.howstuffworks.com/science-vs-myth/strange-creatures/not-deer.htm"> <img src="" data-src="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL25vdGRlZXIucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" alt="The 'Not Deer' Cryptid Is Exactly What It Sounds Like" class="lazyload block object-cover w-100 group-hover:opacity-75 group-focus:opacity-75 mx-auto" width="550" height="322.62369791667" style="min-height: 10.9375rem; height: 8.75rem; transition: opacity 0.25s ease-in-out;"> <h3 class="flex-1 overflow-hidden text-lg font-bold font-headline bg-accent-2 mb-0 py-2 px-3 group-hover:text-white md:leading-tight"><span class="line-clamp-3">The 'Not Deer' Cryptid Is Exactly What It Sounds Like</span></h3> </a> <a class="grid-tile-c flex flex-col text-white group transition-none bg-gray " href="https://science.howstuffworks.com/science-vs-myth/is-the-bloop-real.htm"> <img src="" data-src="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2Jsb29wLnBuZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" alt="Is the Bloop Real? Well, Yes and No" class="lazyload block object-cover w-100 group-hover:opacity-75 group-focus:opacity-75 mx-auto" width="550" height="322.265625" style="min-height: 10.9375rem; height: 8.75rem; transition: opacity 0.25s ease-in-out;"> <h3 class="flex-1 overflow-hidden text-lg font-bold font-headline bg-accent-2 mb-0 py-2 px-3 group-hover:text-white md:leading-tight"><span class="line-clamp-3">Is the Bloop Real? Well, Yes and No</span></h3> </a> <a class="grid-tile-d flex flex-col text-white group transition-none bg-gray " href="https://science.howstuffworks.com/nature/climate-weather/atmospheric/types-of-clouds.htm"> <img src="" data-src="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTUwMDk0MjQ2Mi1oZXJvLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" alt="14 Types of Clouds Drifting Across the Sky" class="lazyload block object-cover w-100 group-hover:opacity-75 group-focus:opacity-75 mx-auto" width="550" height="309.375" style="min-height: 10.9375rem; height: 8.75rem; transition: opacity 0.25s ease-in-out;"> <h3 class="flex-1 overflow-hidden text-lg font-bold font-headline bg-accent-2 mb-0 py-2 px-3 group-hover:text-white md:leading-tight"><span class="line-clamp-3">14 Types of Clouds Drifting Across the Sky</span></h3> </a> <a class="grid-tile-e flex flex-col text-white group transition-none bg-gray lg:hidden xl:flex" href="https://science.howstuffworks.com/life/botany/corpse-flower.htm"> <img src="" data-src="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTE0Njc3OTMyOTcuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" alt="A Corpse Flower Can Grow Over 12 Feet (3.7 Meters) Tall" class="lazyload block object-cover w-100 group-hover:opacity-75 group-focus:opacity-75 mx-auto" width="550" height="309.375" style="min-height: 10.9375rem; height: 8.75rem; transition: opacity 0.25s ease-in-out;"> <h3 class="flex-1 overflow-hidden text-lg font-bold font-headline bg-accent-2 mb-0 py-2 px-3 group-hover:text-white md:leading-tight"><span class="line-clamp-3">A Corpse Flower Can Grow Over 12 Feet (3.7 Meters) Tall</span></h3> </a> </div> </div> <div class="sticky-container ad-container print:hidden md:hidden h-min-400 mb-6"> <div class="sticky top-14"> <p class="ad-disclaimer clear-both text-xs text-center mb-1 md:hidden">Advertisement</p> <div id="ad-wrap-mobinline2" class="print:hidden md:hidden "><div id="ad-div-mobinline2" class="ad-tag bg-gray w-max-full h-min-250 ad-mobinline"></div></div> </div> </div> <div data-track-gtm="Category List"> <div id="landing-content" class="infinite-container categories"> <div class="infinite-item"> <div class="mb-10"> <div class="flex items-center category-heading mb-2 after:bg-theme-gradient after:flex-1 after:content-[''] after:h-4px"> <h3 class="mr-3 mb-0 text-3xl font-bold font-headline uppercase"><a class="text-primary" href="https://science.howstuffworks.com/engineering-channel.htm" data-track-gtm="Title">Engineering</a></h3> </div> <p class="text-dark-gray text-lg">Engineering is the discipline of design and construction of mechanical devices, equipment, structures and public works systems. Topics include aircraft technologies, buildings, bridges, robotics and heavy machinery.</p> <div class="featured-node-content"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-8"> <a class="grid-tile-b card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NodXR0ZXJzdG9jay0xNzcyMzg0NzgzLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/russian-lathe-accident.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">A Horrifying Russian Lathe Accident Highlights Vital Safety Protocols</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-c card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NodXR0ZXJzdG9jay0xMzkyOTg0ODc1LmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/engineering/structural/tallest-roller-coaster-in-the-world.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Tallest Roller Coaster in the World Stood for 19 Years</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-d card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NodXR0ZXJzdG9jay0xNjkxNTIwMTI3LmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/engineering/civil/steepest-road-in-the-world.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Steepest Road in the World, Plus 9 Rival Inclines</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-e card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NodXR0ZXJzdG9jay0yNDkxNDQ0NTQzLW9uZS13dGMtaGVyby5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/engineering/structural/tallest-building-in-the-us.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Tallest Building in the U.S. and 13 Other Stunning Skyscrapers</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> </div> </div> </div> <div class="mb-10"> <div class="flex items-center category-heading mb-2 after:bg-theme-gradient after:flex-1 after:content-[''] after:h-4px"> <h3 class="mr-3 mb-0 text-3xl font-bold font-headline uppercase"><a class="text-primary" href="https://science.howstuffworks.com/environmental" data-track-gtm="Title">Environmental Science</a></h3> </div> <p class="text-dark-gray text-lg">The environment is truly a thing of beauty and should be protected whenever possible. What can we do to save the environment, and what new technology is available to help us?</p> <div class="featured-node-content"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-8"> <a class="grid-tile-b card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NodXR0ZXJzdG9jay02NTUzNzAwOC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/environmental/earth/geology/subduction-zone.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">What's a Subduction Zone? Everyone in the Pacific NW Should Know</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-c card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTE5MTU5Nzc5NTIuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/environmental/green-science/worst-air-quality-in-the-world.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Worst Air Quality in the World Is in Mountainous Terrain</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-d card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTExNjIyNTE3MjMtc3VwZXJpb3IuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/environmental/earth/biggest-lakes-in-the-us.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">What Are the Biggest Lakes in the U.S.?</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-e card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTQ2NDQ1ODA2My1kZW5hbGktaGVyby5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/environmental/earth/tallest-mountain-in-us.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Tallest Mountain in the U.S. and 7 Close Contenders</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> </div> </div> </div> <div class="mb-10"> <div class="flex items-center category-heading mb-2 after:bg-theme-gradient after:flex-1 after:content-[''] after:h-4px"> <h3 class="mr-3 mb-0 text-3xl font-bold font-headline uppercase"><a class="text-primary" href="https://science.howstuffworks.com/nature" data-track-gtm="Title">Forces of Nature</a></h3> </div> <p class="text-dark-gray text-lg">We see the destruction that the Earth can unleash in the news on a regular basis. Here you can learn about hurricanes, tornadoes, earthquakes and other forces of nature.</p> <div class="featured-node-content"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-8"> <a class="grid-tile-b card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTE2MTEzNTYyMC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/nature/natural-disasters/strongest-tornado-ever.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Strongest Tornado Ever, by Wind Speed, Size and Damage</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-c card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NodXR0ZXJzdG9jay0xNjQ4NzcwNDQyLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/nature/climate-weather/atmospheric/thundersnow.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Thundersnow Only Occurs in 7 of Every 100,000 Thunder Storms</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-d card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTUwNDgwMDE1Mi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/nature/natural-disasters/largest-wildfire-in-world-history.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Largest Wildfire in World History Burned 15% of a Continent</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-e card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTU4Nzc5NDU0Ni5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/nature/natural-disasters/largest-wildfire-in-california-history.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Largest Wildfire in California History Burned 1 Million Acres</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> </div> </div> </div> <div class="mb-10"> <div class="flex items-center category-heading mb-2 after:bg-theme-gradient after:flex-1 after:content-[''] after:h-4px"> <h3 class="mr-3 mb-0 text-3xl font-bold font-headline uppercase"><a class="text-primary" href="https://science.howstuffworks.com/innovation" data-track-gtm="Title">Innovation</a></h3> </div> <p class="text-dark-gray text-lg">Do you know how common everyday items, such as mirrors, fireworks or sunglasses work? This collection of Innovation articles explores the workings of objects you may come into contact with on a regular basis.</p> <div class="featured-node-content"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-8"> <a class="grid-tile-b card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NodXR0ZXJzdG9jay0xODUwOTg0MjE1LmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/innovation/edible-innovations/who-made-fanta.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Who Made Fanta? Was It Really the Nazis' Favorite Soda?</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-c card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTEzNjg1NTk3ODMuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/innovation/edible-innovations/mad-honey.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">'Mad Honey' Comes From Bees That Gather This Specific Nectar</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-d card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2RpY3RhcGhvbmUuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/innovation/inventions/dictaphone.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Evolution of Dictaphones: A Comprehensive History</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-e card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2ZyYW5rbGluLXN0b3ZlLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/innovation/inventions/franklin-stove.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Evolution of the Franklin Stove: From Invention to Modern Efficiency</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> </div> </div> </div> <div class="mb-10"> <div class="flex items-center category-heading mb-2 after:bg-theme-gradient after:flex-1 after:content-[''] after:h-4px"> <h3 class="mr-3 mb-0 text-3xl font-bold font-headline uppercase"><a class="text-primary" href="https://science.howstuffworks.com/life" data-track-gtm="Title">Life Science</a></h3> </div> <p class="text-dark-gray text-lg">From the smallest microbe to the largest mammal, Life Science explores the origins, evolution and expansion of life in all its forms. Explore a wide range of topics from biology to genetics and evolution.</p> <div class="featured-node-content"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-8"> <a class="grid-tile-b card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NodXR0ZXJzdG9jay0yNDgwMTc4NTg1LmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/life/genetic/woolly-mammoth-clone.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Is a Woolly Mammoth Clone Even Possible?</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-c card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTE2Mzc0NjM0NS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/life/evolution/neanderthal-vs-homo-sapien.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Neanderthal vs. Homo Sapien: Separate Species With Different Fates</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-d card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTYxMDU5NjM0Ni5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/life/inside-the-mind/human-brain/call-of-the-void.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Call of the Void: A Counterintuitive Form of Self-preservation</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-e card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NodXR0ZXJzdG9jay0xOTA1OTI5NzI4LmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/life/inside-the-mind/human-brain/most-common-phobias.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">9 Most Common Phobias (and How To Conquer Them)</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> </div> </div> </div> <div class="mb-10"> <div class="flex items-center category-heading mb-2 after:bg-theme-gradient after:flex-1 after:content-[''] after:h-4px"> <h3 class="mr-3 mb-0 text-3xl font-bold font-headline uppercase"><a class="text-primary" href="https://science.howstuffworks.com/military-channel.htm" data-track-gtm="Title">Military</a></h3> </div> <p class="text-dark-gray text-lg">Explore the weapons and combat systems used by the armed services. A broad range of topics in the Military Channel includes tanks, aircraft, biological warfare and stealth technologies.</p> <div class="featured-node-content"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-8"> <a class="grid-tile-b card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTIwNDIyNDEyNDUuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/strongest-military-in-the-world.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">What Is the Strongest Military in the World?</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-c card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2V4cGxvc2lvbi1sYW5kLW9yLXdhdGVyLTIuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/explosion-land-water1.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Anatomy of an Underwater Explosion</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-d card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3ZpZGVvc1wvdGFua190b3duLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/drive-fv432-tank-video.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">YOU Can Drive a Tank!</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-e card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3ZpZGVvc1wvdHdvLWxlZ2FsLWd1bi1tb2RpZmljYXRpb25zLnBuZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/two-legal-gun-modifications-video.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">HowStuffWorks Illustrated: Two Legal Gun Modifications</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> </div> </div> </div> <div class="mb-10"> <div class="flex items-center category-heading mb-2 after:bg-theme-gradient after:flex-1 after:content-[''] after:h-4px"> <h3 class="mr-3 mb-0 text-3xl font-bold font-headline uppercase"><a class="text-primary" href="https://science.howstuffworks.com/physical-science-channel.htm" data-track-gtm="Title">Physical Science</a></h3> </div> <p class="text-dark-gray text-lg">Physical science is the study of the physical world around you. Learn about everything from electricity to magnetism in this section.</p> <div class="featured-node-content"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-8"> <a class="grid-tile-b card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NodXR0ZXJzdG9jay0xNDE1MzcxNTQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/mummification.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">What Does Mummification Have to Do With Gene Hackman?</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-c card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTE5MzAzNjcwNzUuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/rainbow-colors.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Rainbow Colors Always Appear in the Same Order</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-d card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTE3MTYyMzI1MS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/most-abundant-element-on-earth.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">What Is the Most Abundant Element on Earth? Not Carbon</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-e card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTE2NTcyMzA4OC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/math-concepts/congruent-angles.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Congruent Angles: Definition, Symbol and Key Theorems</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> </div> </div> </div> <div class="mb-10"> <div class="flex items-center category-heading mb-2 after:bg-theme-gradient after:flex-1 after:content-[''] after:h-4px"> <h3 class="mr-3 mb-0 text-3xl font-bold font-headline uppercase"><a class="text-primary" href="https://science.howstuffworks.com/dictionary" data-track-gtm="Title">Science Dictionary</a></h3> </div> <p class="text-dark-gray text-lg">Do you know what a meteor is, or what scientists mean when they are talking about cryogenics? Our collection of science terms explains the meaning of some of the most common scientific ideas.</p> <div class="featured-node-content"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-8"> <a class="grid-tile-b card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTExMjg0NjgyMzctMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/dictionary/km.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Explaining the Kilometer (km) and Converting to Miles</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-c card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTE0NDYzODE0NzYuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/dictionary/independent-variable-vs-dependent-variable.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Independent Variable vs. Dependent Variable in Research</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-d card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3N0ZXBoZW4taGF3a2luZy1xdWl6LmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/dictionary/famous-scientists/physicists/know-stephen-hawking-quiz.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Quiz: How Much Do You Know About Stephen Hawking?</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">TAKE THE QUIZ</span> </a> <a class="grid-tile-e card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2Nhcmwtc2FnYW4tdXBkYXRlLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/dictionary/famous-scientists/10-cool-things-carl-sagan.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">10 Cool Things About Carl Sagan</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> </div> </div> </div> <div class="mb-10"> <div class="flex items-center category-heading mb-2 after:bg-theme-gradient after:flex-1 after:content-[''] after:h-4px"> <h3 class="mr-3 mb-0 text-3xl font-bold font-headline uppercase"><a class="text-primary" href="https://science.howstuffworks.com/science-vs-myth" data-track-gtm="Title">Science Vs. Myth</a></h3> </div> <p class="text-dark-gray text-lg">Are vampires real? What is an out-of-body experience? Are crop circles proof that aliens exist? HowStuffWorks explores what is real and what is urban legend with this collection of Science Versus Myth articles.</p> <div class="featured-node-content"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-8"> <a class="grid-tile-b card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTEzNjk1MzUxMzguanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/science-vs-myth/strange-creatures/moon-eyed-people.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Moon-eyed People: Mysterious Beings or Welsh Settlers?</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-c card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2Zyb2dtYW4ucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/science-vs-myth/strange-creatures/loveland-frogman.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Loveland Frogman by Any Other Name Is Still a Cryptid</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-d card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2Z1ci10cm91dC5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/science-vs-myth/strange-creatures/fur-trout.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Fur Trout: The Cold, Hard Truth About Furry Fish</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-e card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dpYW50LW9mLWthbmRhaGFyLnBuZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/science-vs-myth/strange-creatures/giant-of-kandahar.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Giant of Kandahar: A Redheaded Monster of Mythical Proportions</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> </div> </div> </div> <div class="mb-10"> <div class="flex items-center category-heading mb-2 after:bg-theme-gradient after:flex-1 after:content-[''] after:h-4px"> <h3 class="mr-3 mb-0 text-3xl font-bold font-headline uppercase"><a class="text-primary" href="https://science.howstuffworks.com/space-channel.htm" data-track-gtm="Title">Space</a></h3> </div> <p class="text-dark-gray text-lg">Explore the vast reaches of space and mankind's continuing efforts to conquer the stars, including theories such as the Big Bang, the International Space Station, plus what the future holds for space travel and exploration.</p> <div class="featured-node-content"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-8"> <a class="grid-tile-b card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTE3Mzg4OTg2MjIuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/astronaut-stuck-in-space.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Is an Astronaut Stuck in Space a Rare Occurrence?</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-c card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTE5Njk5OTE1MTQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/solar-storm.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">Solar Storm + Earth's Magnetic Field = Auroras Galore</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-d card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTExNjIxODIxOTIuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/constellation-names.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">88 Constellation Names (and 24 You Can Only See From the Northern Hemisphere)</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-e card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTE0OTcxMTYyNjQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/india-moon-landing.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">2023 India Moon Landing Was World's First at Lunar South Pole</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> </div> </div> </div> <div class="mb-10"> <div class="flex items-center category-heading mb-2 after:bg-theme-gradient after:flex-1 after:content-[''] after:h-4px"> <h3 class="mr-3 mb-0 text-3xl font-bold font-headline uppercase"><a class="text-primary" href="https://science.howstuffworks.com/transport" data-track-gtm="Title">Transportation</a></h3> </div> <p class="text-dark-gray text-lg">Many of us take public transportation or fly in airplanes on a regular basis, but have you ever wondered how all of these things work? This collection of transportation articles help explain how people get from place to place.</p> <div class="featured-node-content"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-8"> <a class="grid-tile-b card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTEyMTEwMDczMTguanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/transport/largest-ship-in-the-world.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Largest Ship in the World and 10 Runners-up</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-c card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2dldHR5aW1hZ2VzLTkzMjc0MzEzNi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjU1MH19fQ==" href="https://science.howstuffworks.com/transport/flight/modern/longest-flight-in-the-world.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Longest Flight in the World Takes Almost 19 Hours</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-d card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL3NodXR0ZXJzdG9jay02OTcyMzA5MDQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1NTB9fX0=" href="https://science.howstuffworks.com/transport/flight/modern/fastest-fighter-jet.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Fastest Fighter Jet in History: The NASA X-43</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">FIND OUT MORE</span> </a> <a class="grid-tile-e card lazyload " data-background="https://media.hswstatic.com/eyJidWNrZXQiOiJjb250ZW50Lmhzd3N0YXRpYy5jb20iLCJrZXkiOiJnaWZcL2FpcnBsYW5lLXRyYXZlbC1xdWl6LmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6NTUwfX19" href="https://science.howstuffworks.com/transport/flight/modern/airline-travel-quiz.htm"> <p class="text-3xl leading-tight mb-0 text-white md:font-bold font-headline z-10">The Secrets of Airline Travel Quiz</p> <span class="btn z-10 self-start text-sm py-3 px-7 mt-8">TAKE THE QUIZ</span> </a> </div> </div> </div> </div> </div> </div> </div> </div><div class="hidden print:hidden md:shrink-0 md:block relative flex-none col-rail" style="width: 300px; max-width: 300px;" data-track-gtm="Rail"> <div class="sticky-container ad-container print:hidden hidden md:block h-min-1000 mb-8"> <div class="sticky top-0"> <p class="ad-disclaimer clear-both text-xs text-center mb-1 hidden md:block">Advertisement</p> <div id="ad-wrap-rail1" class="print:hidden hidden md:block bg-gray w-max-full h-min-250"><div id="ad-div-rail1" class="ad-tag h-max-600"></div></div> </div> </div> <div class="sticky-container ad-container print:hidden hidden md:block h-min-1000 mb-8"> <div class="sticky top-0"> <p class="ad-disclaimer clear-both text-xs text-center mb-1 hidden md:block">Advertisement</p> <div id="ad-wrap-rail2" class="print:hidden hidden md:block bg-gray w-max-full h-min-250"><div id="ad-div-rail2" class="ad-tag h-max-600"></div></div> </div> </div> <div class="sticky-container ad-container print:hidden hidden md:block h-min-1000 mb-8"> <div class="sticky top-0"> <p class="ad-disclaimer clear-both text-xs text-center mb-1 hidden md:block">Advertisement</p> <div id="ad-wrap-rail3" class="print:hidden hidden md:block bg-gray w-max-full h-min-250"><div id="ad-div-rail3" class="ad-tag h-max-600"></div></div> </div> </div> <p class="ad-disclaimer clear-both text-xs text-center mb-1 hidden md:block">Advertisement</p> <div id="ad-wrap-rail4" class="print:hidden hidden md:block sticky top-0 mb-8 bg-gray w-max-full h-min-250"><div id="ad-div-rail4" class="ad-tag h-max-600"></div></div> </div> </div> </div> </main> <script>var nlValidLocs=["Newsletter","Popup","Footer","Chatbox"],nlIsLanding=["home page","landing page"].contains(pageMetricsData.aType),nlShown=!1,nlModalTimer=!1,nlIconTimer=!1,nlBannerTimer=!1,nlDialogueDone=!1;function ajaxNewsletterForm(e,t,n,i){var s=document.getElementById(e);document.getElementById(t).addEventListener("click",function(a){a.preventDefault();var l=document.getElementById(t);l.disabled=!0;var o=document.getElementById(i),r=document.getElementById(n);if(o.classList.add("hidden"),r.classList.add("hidden"),"chatbox-form"==e){var c=document.getElementById("cbc-3");document.getElementById("cbt-3").innerHTML=s.querySelector("input[type='email']").value,c.classList.remove("hidden");var d=document.getElementById("cbc-4")}if(isValidEmail(s)){var u=s.querySelector("input[name='website']");if(u.value&&u.value.length)return!1;"chatbox-success"==n?(r.innerHTML="Subscribing...",d.classList.remove("hidden")):(r.innerHTML="Subscribing...",r.classList.remove("hidden")),submitSubscribeForm(s,r,o)}else o.innerHTML="Please provide a valid email address.","chatbox-form"==e&&d.classList.remove("hidden"),o.classList.remove("hidden"),l.disabled=!1})}function submitSubscribeForm(e,t,n){var i=new XMLHttpRequest;i.open("POST","/newsletter/signup",!0),i.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");var s=new FormData(e),a=new URLSearchParams(s).toString();n.classList.add("hidden"),t.classList.add("hidden"),i.onload=function(){if(this.status>=200&&this.status<400){var i=JSON.parse(this.response);if(0==i.error){if("chatbox-success"==t.id){t.innerHTML='<div>You\'re subscribed!</div><div class="ml-1"><img src="https://cdn.hswstatic.com/en-us/hsw/img/raising-hands.png"/></div>';var s=e.querySelector("input[name='email']");s.classList.remove("text-gray-darkest"),s.classList.add("text-gray-dark"),s.value="You're subscribed!",document.getElementById("nlcb-dot").classList.add("invisible"),document.getElementById("nlcb-icon").classList.remove("animate-wiggle")}else t.innerHTML=i.message;t.classList.remove("hidden");var a=document.getElementById("signup-form");void 0!==a&&null!=a&&a.classList.add("hidden");var l=document.getElementById("signup-success");void 0!==l&&null!=l&&l.classList.remove("hidden");var o=e.querySelector("input[name='formloc']");dataLayer&&"object"==typeof o&&o.value&&o.value.length&&nlValidLocs.includes(o.value)&&dataLayer.push({url:location.pathname+location.hash,eventCategory:"page-interaction",eventAction:"subscribe",event:"raw-event-interactive",eventLabel:"MailChimp : "+o.value+" : Subscribe"}),setCookie("hsw_nlsub","Y",3154e7)}else{if(n.innerHTML=i.message,n.classList.remove("hidden"),"chatbox-success"==t.id)var r=e.querySelector("button");else r=e.querySelector("input[type='submit']");r.disabled=!1}}else n.innerHTML=i.message,n.classList.remove("hidden")},i.onerror=function(){n.innerHTML=data.message,n.classList.remove("hidden")},i.send(a)}function isValidEmail(e){var t=e.querySelector("input[type='email']");return!(""==t.value||!/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/gim.test(t.value))}function initNewsletterModal(e){!0!==HSW.utilities.isMobile()&&!0!==HSW.utilities.hasNewsletterCookie()&&!0!==fromNl&&!0!==nlIsLanding&&HSW.pq.add(()=>{nlModalTimer=setTimeout(function(){ajaxNewsletterForm("popup-form","popup-subscribe","popup-success","popup-failure"),e("newsletter-modal"),newsletterShown("Popup")},2e4)})}function initNewsletterChatbox(e){!1===HSW.utilities.isMobile()||!0===HSW.utilities.hasNewsletterCookie()||!0===fromNl||nlIsLanding||HSW.pq.add(()=>{document.getElementById("nlcb").classList.replace("hidden","flex");var t=document.referrer;t.includes("howstuffworks.com")||t.includes("hswinternal.com")?document.getElementById("nlcb-dot").classList.remove("invisible"):(nlIconTimer=setTimeout(function(){document.getElementById("nlcb-dot").classList.remove("invisible"),document.getElementById("nlcb-icon").classList.add("animate-wiggle")},5e3),nlBannerTimer=setTimeout(function(){var e=document.getElementById("nlcb-banner");e.classList.add("animate-fadein"),e.classList.replace("hidden","flex")},5200)),document.getElementById("nlcb-banner-close").addEventListener("click",function(e){e.preventDefault(),document.getElementById("nlcb-banner").classList.replace("flex","hidden")}),ajaxNewsletterForm("chatbox-form","chatbox-subscribe","chatbox-success","chatbox-success"),e("newsletter-chatbox")})}function newsletterShown(e){!1===window.nlShown&&(setCookie("hsw_nl","Y",2592e6),dataLayer&&nlValidLocs.includes(e)&&dataLayer.push({url:location.pathname+location.hash,eventCategory:"page-interaction",eventAction:"shown",event:"raw-event",eventLabel:"MailChimp : "+e+" : Shown"})),window.nlShown=!0}function cancelTimers(){clearTimeout(nlIconTimer),clearTimeout(nlBannerTimer)}function startDialogue(){newsletterShown("Chatbox"),document.getElementById("nlcb-banner").classList.replace("flex","hidden");document.getElementById("chatbox-success");if(0==nlDialogueDone){var e=1;['<div>Hey there!</div><div class="mt-1 ml-1"><img src="https://cdn.hswstatic.com/en-us/hsw/img/waving-hand-sign.png"/></div>',"<div>It's a crazy world out there. If you'd like to stay up to date (or go down really fun rabbit holes), we think you'd really like our newsletter. Unsubscribe anytime.</div>","<div>Enter your email to get our newsletter.</div>"].forEach(function(t,n){var i=document.getElementById("cbc-"+n);setTimeout(function(){i.classList.replace("hidden","flex")},e),e+=900;var s=document.getElementById("cbt-"+n);setTimeout(function(){s.innerHTML=t},e),e+=1100}),nlDialogueDone=!0}}</script> <div id="async-footer"></div> <script> HSW.utilities.docReady(function() { var request = new XMLHttpRequest(); var elm = document.getElementById('async-footer'); request.open('GET', 'https://www.howstuffworks.com/export/async-footer?nlPopup=1&nlFooter=1&locale=en-us', true); request.onload = function() { if (this.status >= 200 && this.status < 400) { elm.innerHTML = this.response; if (document.getElementById('subscribe-form') != null) { ajaxNewsletterForm('subscribe-form','subscribe-submit','subscribe-success','subscribe-failure'); } } else { elm.innerHTML = "an error occurred. status=" + this.status; } }; request.onerror = function() { elm.innerHTML = "an error occurred." + this.status; }; request.send(); }); </script> <script> dfpSettings.ads = new Array; dfpSettings.ads.push('ad-div-mobadhesion'); dfpSettings.ads.push('ad-div-mobinline1'); dfpSettings.ads.push('ad-div-mobinline2'); dfpSettings.ads.push('ad-div-mobinline3'); dfpSettings.ads.push('ad-div-mobinline4'); dfpSettings.ads.push('ad-div-mobinline5'); dfpSettings.ads.push('ad-div-mobinline6'); dfpSettings.ads.push('ad-div-mobinline7'); dfpSettings.ads.push('ad-div-mobinline8'); dfpSettings.ads.push('ad-div-mobinline9'); dfpSettings.ads.push('ad-div-mobinline10'); dfpSettings.ads.push('ad-div-rail1'); dfpSettings.ads.push('ad-div-rail2'); dfpSettings.ads.push('ad-div-rail3'); dfpSettings.ads.push('ad-div-rail4'); dfpSettings.ads.push('ad-div-rail5'); dfpSettings.ads.push('ad-div-rail6'); dfpSettings.ads.push('ad-div-rail7'); dfpSettings.ads.push('ad-div-rail8'); dfpSettings.ads.push('ad-div-rail9'); dfpSettings.ads.push('ad-div-rail10'); dfpSettings.ads.push('ad-div-mobinline11'); dfpSettings.ads.push('ad-div-mobinline12'); dfpSettings.ads.push('ad-div-mobinline13'); dfpSettings.ads.push('ad-div-mobinline14'); dfpSettings.ads.push('ad-div-mobinline15'); dfpSettings.ads.push('ad-div-mobinline16'); dfpSettings.ads.push('ad-div-mobinline17'); dfpSettings.ads.push('ad-div-mobinline18'); dfpSettings.ads.push('ad-div-mobinline19'); dfpSettings.ads.push('ad-div-mobinline20'); </script> <script defer src="https://rampjs-cdn.system1.com/ramp.js"></script> <script> HSW.utilities.docReady(() => { HSW.pq.add(() => { const rsocSegments = {"default":"c2showstuffworks0031","EXPO1922_ABOVE_TITLE":"c2showstuffworks0011","EXPO1922_BELOW_IMAGE":"c2showstuffworks0021"}; let testId = GACtest || 'default'; if (!rsocSegments) { return; } // Fallback on 'default' if no other segment is found try { if (typeof rsocSegments[testId] === 'undefined' && typeof rsocSegments['default'] !== 'undefined') { testId = 'default'; } if (typeof rsocSegments[testId] === 'undefined') { return; } } catch (e) { console.error('Error initializing RSoC: ', e) return; } (function(w,r){w[r]=w[r]||function(){(w[r]['q']=w[r]['q']||[]).push(arguments)},w[r]['t']=1*new Date()})(window,'_rampJs'); let rampSetup = { init: { segment: rsocSegments[testId] }, terms: rampKeywords }; if (testId !== 'default') { rampSetup.content_experiment_id = testId; } if (HSW.env != 'prod') { rampSetup.referrer = "https://howstuffworks.com/"; rampSetup.testMode = true; } _rampJs(rampSetup); }, 'ads'); }); </script> </body> </html>