#container_article{width:800px;min-width:50vw;margin:auto;font-size:20px;padding-left:20px;padding-right:20px;padding-bottom:30px}#title_historical_data{text-align:center;margin-top:30px;margin-bottom:30px;font-size:45px;line-height:57px;font-weight:700;font-family:Lato}#data_sources_description{font-size:14px;margin-top:0;margin-bottom:0;text-align:center;font-style:italic}.header_division_line{margin-top:5px;margin-bottom:5px;width:100%;border:.5px solid #d1d7dc}.area_select_title{text-align:left;padding-left:5px;font-size:15px}.select_box{padding:3px;background-color:#fff;width:300px}#container_selections{margin:auto;text-align:center;width:100%;display:grid;grid-template-areas:"selection_header" "country" "or" "ocean" "submit";column-gap:2rem;row-gap:2rem;font-size:17px;background-color:#e9eff5;padding:10px;padding-bottom:30px}.container_area_select{font-size:19px}#selection_header{grid-area:selection_header;font-size:25px;font-family:lato;font-weight:700}#container_country_select{grid-area:country;width:300px;margin:auto}#container_or_separator{grid-area:or;margin:auto;margin-top:-1rem;margin-bottom:-2rem}#container_ocean_select{grid-area:ocean;width:300px;margin:auto}.submit_button{grid-area:submit;margin:auto;margin-bottom:0;border:1px solid #a9a9a9;background-color:#ffd199;padding:12px 20px;border-radius:500px;cursor:pointer;box-shadow:0 0 2px #808080;width:300px}.submit_button:hover{opacity:.8}.container_rankings{margin:auto;margin-top:40px;margin-bottom:40px;text-align:center;width:100%;display:grid;grid-template-areas:"rankings_header" "turb_ranking" "thund_ranking";column-gap:2rem;row-gap:2rem;font-size:17px;grid-auto-columns:1fr;grid-auto-flow:column;background-color:#e9eff5;padding:10px;padding-bottom:30px}.rankings_header{grid-area:rankings_header;font-size:25px;font-family:lato;font-weight:700}#submit_turb_ranking{grid-area:turb_ranking;width:300px}#submit_thund_ranking{grid-area:thund_ranking;width:300px}@media only screen and (max-width:850px){#container_article{width:100%;min-width:0}#title_historical_data{font-size:35px;line-height:38px}#container_selections{grid-template-areas:"selection_header" "country" "or" "ocean" "submit"}#container_rankings{grid-template-areas:"rankings_header" "turb_ranking" "thund_ranking"}}@media only screen and (max-device-width:600px){#container_article{width:100%;min-width:0;font-size:19px}#title_historical_data{font-size:35px;line-height:38px}#container_selections{width:90vw;grid-template-areas:"selection_header" "country" "or" "ocean" "submit"}#container_rankings{width:90vw;grid-template-areas:"rankings_header" "turb_ranking" "thund_ranking"}}