body { background-color:#CF4D29; color: #90361d; -moz-box-shadow: inset 0 0 2em #000; -webkit-box-shadow: inset 0 0 2em #000; box-shadow: inset 0 0 2em #000; min-height:100%; margin: 0px; font-family: 'Bitter', serif; } a { color:#ffffff; text-decoration:none; } a:hover { color:#FFD800; text-decoration:none; } * { box-sizing: border-box; } .header { max-width: 350px; margin: auto; padding: 0px; text-align: center; margin-bottom: 15px; } .header a { font-family: 'Bitter', serif; font-size: 20px; letter-spacing: 2px; } .logo { text-align: center; padding-top: 20px; } .logo img { max-width: 100%; /*resize image according to window size*/ } .logo hr { border: 2px solid rgba(0,0,0,.3); max-width: 90%; text-align: center; } .subtitle { letter-spacing:1px; font-size:14px; margin-bottom: 20px; margin-top: 20px; font-style:italic; color: #e7a694; line-height: 30px; text-align: center; } .andmore { margin-top:10px; margin-right: 10px; font-size:30px; letter-spacing:4px; text-align: right; font-size: 15px; } .footer { text-align: center; padding-bottom: 50px; color: #5f200f; margin-top: -20px; } .newmain { max-width: 1100px; margin: auto; padding: 0px; padding-left: 0px; text-align: center; } .newmain hr { border:none; border-top:4px dashed rgba(0,0,0, .2); background: none; height:0; width: 95%; margin-bottom: 30px; } h2 { color: #e7a694; font-size: 28px; margin-bottom: 5px; } form { margin-top: 5px; } input { width: 65%; padding: 10px 10px; margin: 4px 0; box-sizing: border-box; border: 2px solid #fff; border-radius: 7px; transition: all .2s ease-out; } input[type=submit] { background-color: #90361d; border: none; color: white; font-family: 'Bitter', serif; text-decoration: none; margin: 0px 8px; cursor: pointer; width: 25%; text-align: center; } input[type=submit]:hover { transform: scale(1.1); } input[type=submit]:hover { background-color: #e7a694; } .newgamebox img { margin-left: 30px; margin-right: 0px; margin-top: 30px; margin-bottom: 0px; padding: 0px; box-shadow: 5px 5px 20px #672614; display: inline-block; transition: all .2s ease-in-out; } .newsletterbox { max-width: 500px; margin: auto; padding-left: 10px; text-align: left; } .socialcontainer { margin-left: auto; margin-right: auto; } @media only screen and (orientation:portrait) and (max-device-width: 767px) { .newmain { max-width: 820px; } h2 { font-size: 20px; } .newgamebox img { max-width: 110px; height: auto; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 0px; } .newsletterbox { max-width: 350px; } .newmain hr { width:360px; } .socialcontainer { text-align: center; max-width: 280px; } } .newgamebox a img:hover { box-shadow: 0px 0px 50px yellow; transform: scale(1.05); } .wishlistbox { background-color: #75b022; border-radius: 11px; color: #fff; padding-top: 20px; padding-bottom: 20px; font-size: 20px; letter-spacing: 2px; margin-left:30px; margin-right:30px; margin-top:30px; margin-bottom:20px; box-shadow: 3px 3px 10px #672614; transition: all .1s ease-in-out; } .wishlistbox:hover { color:#555; text-decoration:none; background-color: #FFD800; box-shadow: 0px 0px 50px yellow; transform: scale(1.02); } .social { padding: 3px; } .social a { background-color: #90361d; width: 80px; height: 80px; display: inline-block; border-radius: 12px; margin-bottom: 10px; transition: all .3s ease-out; } .social img { width: 80px; height: 80px; } .social a:hover { background-color: #e7a694; transform: scale(1.15) rotate(-3deg); } #mainContainer { background-image:url(http://www.blendogames.com/images/gradient.jpg); background-repeat:repeat-x; background-color:#A09881; padding:0; margin:0; } #pageContainer { width:820px; text-align:left; font-family: 'Bitter', serif; font-size:15px; line-height:25px; color:#000000; padding:0; margin:0; position:relative; margin-left: auto; margin-right: auto; } #pageContainer a { color:#EEDD4C; text-decoration:none; } #pageContainer a:hover { color:#72DAF4; text-decoration:none; } #pageContainer h1 { line-height: 70px; margin-bottom: -10px; } #pageContainer h2 { color: #e7a694; font-size: 30px; line-height: 70px; margin-bottom: 5px; } #qa_question { letter-spacing:1px; color: #8a4c2c; font-size: 14px; font-weight: bold; } #mainBG { background-image:url(http://www.blendogames.com/images/main02.png); background-repeat:repeat-y; width:820px; margin:0; padding:0; } #mainImage_blank { background-image:url(http://www.blendogames.com/images/main01_blank.jpg); background-repeat:no-repeat; width:820px; height:520px; margin:0; padding:0; } #mainDesc { text-align:left; padding-top:15px; padding-left:48px; width:400px; color:#E7E7E7; line-height:18px; margin-top:-300px; } #game_content_mods { width:820px; margin-top:-300px; } #about_container { max-width: 650px; margin: auto; color:#f3f3f3; } .img_left { float: left; padding: 10px 10px 10px 10px; width: 80px; margin-bottom: 100px; } .img_right { float: right; padding: 0px 0px 0px 20px; width: 150px; } #footer { background-image:images/footerBG.png; height:30px; } .footerShadowBottom { height:10px; } #copyright { margin-left: auto; margin-right: auto; text-align:center; color:#804728; font-size:17px; padding-top:8px; line-height:normal; } #dotted { border:none; border-top:7px dashed rgba(0,0,0, .3); background: none; height:0; width:100%; margin-bottom: 10px; } #about_venue { font-size: 10px; font-family: sans-serif; font-weight:lighter; text-transform: uppercase; margin-bottom: -5px; } #about_gamename { font-size: 23px; letter-spacing: 1px; font-weight:lighter; } #about_award a:hover { text-decoration:none; } #about_award a { font-size: 23px; font-weight:bold; letter-spacing:1px; text-decoration:none; } #about_awardyear { font-size: 12px; font-weight:lighter; letter-spacing:2px; display: block; text-transform: uppercase; } @media only screen and (max-device-width: 800px) and (orientation: portrait) { #pageContainer { font-size: 35px; line-height: 50px; } #pageContainer h1 { margin-bottom: 15px; } #pageContainer h2 { font-size: 50px; } #pageContainer .social a { width: 180px; height: 180px; } #pageContainer .social img { width: 180px; height: 180px; } #qa_question { font-size: 25px; } .newsletterbox { max-width: 700px; } #about_venue { font-size: 30px; } #about_gamename { font-size: 45px; } #about_award a { font-size: 45px; } #about_awardyear { font-size: 30px; } .img_left { width: 120px; } #qa_question { font-size: 35px; } }