Editor Top 10 Picks Of 2020

@font-face { font-family: ‘MADE Outer Sans’; src: url(‘https://www.gameinformer.com/sites/default/files/imagefeed/fonts/madeoutersans/madeoutersans-bold.woff2’) format(‘woff2’), url(‘https://www.gameinformer.com/sites/default/files/imagefeed/fonts/madeoutersans/madeoutersans-bold.woff’) format(‘woff’), url(‘https://www.gameinformer.com/sites/default/files/imagefeed/fonts/madeoutersans/madeoutersans-bold.ttf’) format(‘truetype’); font-weight: bold; font-style: normal; font-display: swap;
}
@font-face { font-family: ‘MADE Coachella’; src: url(‘https://www.gameinformer.com/sites/default/files/imagefeed/fonts/madecoachella/madecoachella-black.woff2’) format(‘woff2’), url(‘https://www.gameinformer.com/sites/default/files/imagefeed/fonts/madecoachella/madecoachella-black.woff’) format(‘woff’), url(‘https://www.gameinformer.com/sites/default/files/imagefeed/fonts/madecoachella/madecoachella-black.ttf’) format(‘truetype’); font-weight: 900; font-style: normal; font-display: swap;
}
body { overflow-x: hidden; background-image: url(‘https://www.gameinformer.com/sites/default/files/2020/12/09/2fdc84e6/bg_goty01.jpg’), url(“https://www.gameinformer.com/sites/default/files/2020/12/09/d2e5a8b0/bg_goty02.jpg”); background-position: top left, top right; background-color: #fff; background-repeat: repeat-y; background-size: 4rem auto;
}
@media screen and (max-width: 800px) { body { background-size: 1.5rem auto; }
} main { background-color: initial; }
.field–name-dynamic-block-fieldnode-content-bug .bug-text { background-color: #f5ef52; color: #000;
}
.ds-header .page-title { font-family: ‘MADE Outer Sans’; font-weight: bold; font-style: normal; text-transform: uppercase;
}
hr { background-color: #f5ef52; } .author-details a,
.author-details a:link,
.author-details a:visited,
aside a,
aside a:link,
aside a:visited { color: #c56195 !important; }
.author-details a:active,
.author-details a:hover,
aside a:active,
aside a:hover { color: #de9dbe !important; } .social-share-button a:hover { color: #c56195; }
.social-share-button a:hover .social-icon { background-color: #c56195;
} .article_flexchild2 h2 { font-family: ‘MADE Outer Sans’; font-weight: bold; font-style: normal; text-transform: uppercase; text-align: left;
}
.article_flexcontain { display: flex; flex-direction: row; margin-top: 4rem;
}
.article_flexchild1 { max-width: 175px; flex: 1; flex-start: align-self;
}
.article_flexchild1 img { border-radius: 50%; max-width: 150px;
}
.article_flexchild2 { flex: 2; }
@media screen and (max-width: 600px) { .article_flexcontain {flex-direction: column; margin-bottom: 4rem;} .article_flexchild1 { margin: 0 auto; } .article_flexchild2 {flex: 1; padding-left: 0; padding-top: 1rem; padding-bottom: 0;} .article_flexchild2 h2 { text-align: center; }
} .ds-main aside { padding: 1rem 0; border: initial;
}
.ds-main aside h2 span { font-family: ‘MADE Outer Sans’; font-weight: bold; font-style: normal; text-transform: uppercase; background: rgb(245,239,82); background: linear-gradient(114deg, rgba(245,239,82,1) 0%, rgba(229,132,182,1) 100%); background-size: 100% 10px; background-position: bottom 0 left 0; background-repeat: no-repeat; padding: 0 5rem 0 1rem;
}
@media screen and (max-width: 800px) { .ds-main aside h2 span { padding: 0 1rem; }
} .gi5-mobile-float { background-color: #000; color: #fff;
}
.recommended-articles-widget { border-top-color: #000; margin-top: 5rem;
}
.recommended-articles-widget .slick-prev::before, .recommended-articles-widget .slick-next::before { color: #000; }
.bug-wrapper { background-color: #f5ef52; color: #000; }
#comments-toggle { margin-top: 2rem; background-color: #000; color: #fff;
}