@font-face {
    font-family: 'Radiance';
    src: url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot');
    src: url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance.woff') format('woff'),
         url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance.ttf') format('truetype'),
         url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance.svg#ywftsvg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Radiance-Bold';
    src: url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot');
    src: url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.woff') format('woff'),
         url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf') format('truetype'),
         url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance-bold.svg#ywftsvg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Radiance-SemiBold';
    src: url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot');
    src: url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff') format('woff'),
         url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf') format('truetype'),
         url('https://cdn.steamstatic.com/apps/dota2/fonts/radiance-semibold.svg#ywftsvg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
    font-family: 'Radiance';
    background-color: #000000;
    padding: 0;
    margin: 0;
    text-align: left;
    color: #999999;
}

*
{
    font-family: 'Radiance';
}

p, h1, h2, h3, ul
{
    margin: 0 0 0 0;
}

div.Container
{
    width: 100%;
}

div.Container .Inner
{
    margin-left: auto;
    margin-right: auto;
    max-width: 1050px;
    padding-left: 50px;
    padding-right: 50px;
	min-width: 600px;
}

div.Container, div.Container .Inner
{
    background-position: top center;
    background-repeat: no-repeat;
}

div.Container.RepeatY, div.Container.RepeatY .Inner
{
    background-repeat: repeat-y;
}

#KeyArt, #KeyArt .Inner
{
	background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/summerscrub2019/keyart.jpg' );
	background-color: #0e0e18;
	height: 676px;
}

#KeyArt img
{
    margin-top: 30px;
    width: 64px;
    height: 64px;
}

#Header, #Header .Inner
{
    background-color: #000000;
}

#Header .Inner
{
    padding-bottom: 70px;
}

h1
{
    font-family: 'Radiance';
    font-size: 72px;
    text-transform: uppercase;
    color: #ED3B1C;
    letter-spacing: 14px;
    font-weight: normal;
    margin-top: 55px;
    margin-bottom: 45px;
}

b
{
    font-family: 'Radiance-SemiBold';
    font-weight: normal;
    color: #AAAAAA;
}


#Header p
{
    font-size: 24px;
    line-height: 48px;
}

#Featured, #Featured .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/summerscrub2019/featured.jpg' );
    background-color: #151618;
}

#Featured .Inner
{
    padding-top: 80px;
    padding-bottom: 100px;
    padding-right: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#Featured .Inner h2
{
	margin-right: 100px;
}


#Gameplay, #Gameplay .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/summerscrub2019/featured.jpg' );
    background-color: #151618;
}

#Gameplay .Inner
{
    padding-top: 80px;
    padding-bottom: 100px;
    padding-right: 50px;
}

h2
{
    font-family: 'Radiance';
    font-size: 27px;
    letter-spacing: 3px;
    width: 448px;
    display: block;
    background-color: #C5341A;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-top: 1em;
    padding-bottom: 1em;
    font-weight: normal;
}

#Featured div.Entry
{
	flex: 1;
    float: left;
    min-width: 448px;
    min-height: 443px;
    margin-right: 50px;
    margin-top: 30px;
    margin-bottom: 35px;
}

#Featured div.Entry.doublebig,
#Featured div.Entry.doublewide
{
	width: 100%;
	min-width: 100%;
	padding-right: 50px;
}

#Featured img
{
	width: 100%;
    background-color: #0E0F11;
    box-shadow: 2px 2px 20px #0C0C0C;
}

#Featured .doublebig img
{
	max-width: 946px;
	max-height: 534px;
}

#Featured .doublewide img
{
	max-width: 946px;
}

h3
{
    font-family: 'Radiance';
    text-transform: uppercase;
    font-weight: normal;
    font-size: 22px;
    letter-spacing: 1px;
    color: #ED3B1C;
    text-shadow: 1px 1px 1px #000000;
}

#Featured h3
{
    padding-top: 24px;
    padding-bottom: 20px;
}

#Featured div.Entry p
{
    font-family: 'Radiance';
    font-size: 18px;
    color: #999999;
    line-height: 28px;
}

#List, #List .Inner
{
    background-position: center 0px, center 0px;
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/summerscrub2019/list_top.jpg' ), url( 'https://cdn.steamstatic.com/apps/dota2/images/summerscrub2019/list.jpg' );
    background-color: #0D0E0F;
    background-repeat: no-repeat, repeat-y;
}

#List .Inner, #Gameplay .Inner
{
    padding-top: 80px;
    padding-bottom: 50px;
}

#List h3, #Gameplay h3
{
    padding-top: 40px;
    padding-bottom: 18px;
}

#List li, #Gameplay li
{
    font-family: 'Radiance';
    font-size: 18px;
    color: #999999;
    line-height: 34px;
    margin-left: -20px;
}

#List ul, #Gameplay ul
{
	list-style-type: circle;
}

#Footer, #Footer .Inner
{
    background-image: url( 'https://cdn.steamstatic.com/apps/dota2/images/summerscrub2019/footer.jpg' );
    background-color: #000000;
}

#Footer .Inner
{
    height: 300px;
}

#Gameplay h1
{
	font-size: 32px;
	letter-spacing: 3px;
}


figure
{
	font-family: 'Radiance';
	color: #999999;
	font-size: 18px;
	line-height: 30px;
	display: block;
	width: 100%;
	background-color: rgba( 0, 0, 0, 0.5 );
	padding: 42px 50px 42px 50px;
	margin: 0px 0px 2px 0px;
}


figure ul
{
	padding-left: 18px;
}

#ItemChanges figure h1,
#HeroChanges figure h1
{
	display: block;
	color: #FFFFFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#ItemChanges figure img
{
	width: 85px;
	height: 61px;
}

#HeroChanges figure img
{
	width: 113px;
	height: 64px;
}

figure .Reworked
{
	padding-left: 5px;
	color: #FF5307;
}

figure .NewItem
{
	padding-left: 5px;
	color: #36D15E;
}

figure .Scepter
{
	padding-left: 5px;
	color: #00CCFF;
}

figure .Captains
{
	padding-left: 5px;
	color: #36D15E;
}