html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
html body {
  font-size: 1.6em;
  font-family: "Open Sans", sans-serif;
  color: #2B0C54;
  background-color: #cbffc3;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1.6em;
}
html body .menu a {
  padding: 1em;
  color: #2B0C54;
  background-color: #DD6820;
  position: absolute;
  top: -1000px;
  left: 0;
}
html body .menu a:focus {
  top: 0;
}
html body header {
  background-color: #2B0C54;
  color: #cbffc3;
}
html body header section {
  max-width: 80vw;
  margin: 0 auto;
  padding: 0.5em 0;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
}
html body header section > section {
  grid-column: 1/2;
  grid-row: 1/2;
  display: flex;
  flex-wrap: no-wrap;
  align-items: center;
}
html body header section > section h1 {
  font-size: 2.8em;
  text-transform: uppercase;
  color: #DD6820;
}
html body header section > section h1 svg {
  color: #DD6820;
}
html body header section > section h2 {
  font-size: 1.2em;
  padding: 0 0.5em;
  text-transform: uppercase;
}
html body header section > article {
  grid-column: 2/3;
  grid-row: 1/2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
html body header section > article section {
  text-align: right;
  margin: 0 1em;
}
html body header section > article section a {
  text-decoration: none;
  color: #cbffc3;
}
html body header section > article section a:hover {
  font-weight: 600;
}
html body header section > article section .dropdown {
  display: none;
}
html body header section > article img {
  width: 8%;
  border-radius: 50%;
}
html body header section nav {
  grid-column: 1/3;
  grid-row: 2/3;
  padding-top: 1.4em;
}
html body header section nav ul {
  display: flex;
  justify-content: center;
}
html body header section nav ul li.hidden {
  display: none;
}
html body header section nav ul li a {
  text-decoration: none;
  color: #cbffc3;
  padding: 0.8em 1.5em;
}
html body header section nav ul li a:hover {
  text-decoration: underline;
  background-color: #cbffc3;
  color: #2B0C54;
}
html body main {
  margin: 0 auto;
}
html body main .widgets {
  max-width: 80vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 1em 0;
}
html body main .widgets article:first-of-type {
  display: flex;
  align-items: center;
}
html body main .widgets article:first-of-type h2 {
  font-size: 1.8em;
  text-transform: uppercase;
}
html body main .widgets article:first-of-type > p {
  margin-left: 0.5em;
}
html body main .widgets article:nth-of-type(2) {
  display: flex;
  flex-direction: column;
}
html body main .widgets article:nth-of-type(2) p {
  text-align: right;
}
html body main .widgets article:nth-of-type(2) p span {
  font-size: 1.8em;
  font-weight: 600;
  margin-right: 0.2em;
}
html body main .slider {
  background-color: #2B0C54;
  color: #cbffc3;
  padding: 1.6em 0;
}
html body main .slider .principal-news {
  max-width: 80vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 70% 30%;
  grid-template-rows: repeat(2, auto);
}
html body main .slider .principal-news .hidden {
  display: none;
}
html body main .slider .principal-news > article:first-of-type {
  grid-column: 1/2;
  grid-row: 1/3;
  padding-right: 1em;
}
html body main .slider .principal-news > article:first-of-type img {
  width: 100%;
}
html body main .slider .principal-news > article:first-of-type .author {
  font-style: italic;
}
html body main .slider .principal-news > article:first-of-type h3 {
  font-size: 2.3em;
  margin: 0.4em 0;
}
html body main .slider .principal-news > article:first-of-type h3 a {
  text-decoration: none;
  color: #DD6820;
}
html body main .slider .principal-news > article:nth-of-type(2) {
  grid-column: 2/3;
  grid-row: 1/2;
  padding-bottom: 0.4em;
}
html body main .slider .principal-news > article:nth-of-type(2) img {
  width: 100%;
}
html body main .slider .principal-news > article:nth-of-type(2) .author {
  font-style: italic;
}
html body main .slider .principal-news > article:nth-of-type(2) h3 {
  font-size: 1.8em;
  margin: 0.4em 0;
}
html body main .slider .principal-news > article:nth-of-type(2) h3 a {
  text-decoration: none;
  color: #DD6820;
}
html body main .slider .principal-news > article:nth-of-type(3) {
  grid-column: 2/3;
  grid-row: 2/3;
}
html body main .slider .principal-news > article:nth-of-type(3) img {
  width: 100%;
}
html body main .slider .principal-news > article:nth-of-type(3) .author {
  font-style: italic;
}
html body main .slider .principal-news > article:nth-of-type(3) h3 {
  font-size: 1.8em;
  margin: 0.4em 0;
}
html body main .slider .principal-news > article:nth-of-type(3) h3 a {
  text-decoration: none;
  color: #DD6820;
}
html body main .other-part {
  max-width: 80vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 80% 20%;
  padding: 2em 0;
}
html body main .other-part .trending {
  grid-column: 2/3;
  grid-row: -1;
}
html body main .other-part .trending h3 {
  font-size: 2.3em;
  color: #DD6820;
  font-weight: 600;
  text-align: center;
}
html body main .other-part .trending article {
  padding: 1em 0;
}
html body main .other-part .trending article .author {
  font-style: italic;
}
html body main .other-part .trending article h4 {
  font-size: 1.6em;
}
html body main .other-part .trending article h4 a {
  text-decoration: none;
  color: #2B0C54;
}
html body main .other-part .trending article h4 a:hover {
  font-weight: bolder;
}
html body main .other-part .other-news {
  grid-column: 1/2;
  grid-row: -1;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(4, auto);
  padding: 0 0.8em;
}
html body main .other-part .other-news h3 {
  grid-column: 1/3;
  grid-row: 1/2;
  font-size: 2.3em;
  color: #DD6820;
  font-weight: 600;
  text-align: center;
  padding-bottom: 0.7em;
}
html body main .other-part .other-news article {
  padding: 0 0.6em;
  padding-bottom: 0.8em;
}
html body main .other-part .other-news article img {
  width: 100%;
}
html body main .other-part .other-news article .author {
  font-style: italic;
}
html body main .other-part .other-news article h4 {
  font-size: 1.8em;
  padding: 0.3em 0;
}
html body main .other-part .other-news article h4 a {
  text-decoration: none;
  color: #DD6820;
}
html body main .other-part .other-news article h4 a:hover {
  font-weight: bolder;
}
html body footer {
  background-color: #2B0C54;
  color: #cbffc3;
}
html body footer > article:first-of-type {
  max-width: 80vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 1em 0;
}
html body footer > article:first-of-type > section h1 {
  font-size: 2.8em;
  text-transform: uppercase;
  color: #DD6820;
}
html body footer > article:first-of-type > section h1 svg {
  color: #DD6820;
}
html body footer > article:first-of-type > section h2 {
  font-size: 1.2em;
  padding: 0 0.5em;
  text-transform: uppercase;
}
html body footer > article:first-of-type form {
  display: flex;
  align-items: center;
}
html body footer > article:first-of-type form label {
  margin-right: 1em;
}
html body footer > article:first-of-type form input:first-of-type {
  height: 2.5em;
  width: 16em;
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
html body footer > article:first-of-type form input::-moz-placeholder {
  color: #2B0C54;
}
html body footer > article:first-of-type form input::placeholder {
  color: #2B0C54;
}
html body footer > article:first-of-type form input:nth-of-type(2) {
  height: 2.6em;
  background-color: #DD6820;
  border: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-family: "Open Sans", sans-serif;
}
html body footer .socials {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html body footer .socials h3 {
  color: #DD6820;
  font-size: 1.8em;
}
html body footer .socials a {
  text-decoration: none;
  color: #cbffc3;
}
html body footer .socials a svg {
  padding: 1em 1.2em;
}
html body footer nav {
  padding: 1em 0;
}
html body footer nav ul {
  display: flex;
  justify-content: center;
}
html body footer nav ul li a {
  padding: 0 1em;
  text-decoration: none;
  color: #cbffc3;
  font-size: 1em;
}/*# sourceMappingURL=style.css.map */