html, body { height: 100%; } html { overflow: hidden; } body { overflow-y: scroll; background: linear-gradient(to left top, #330101, #515f6b); font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; height: 100%; width: 100%; max-width: 100%; min-width: 100%; text-align: center; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .1); background-attachment: fixed; padding: 0; margin: 0; } h1 { padding-bottom: 10px; padding-top: 10px; font-size: 3rem; padding: 0; font-weight: inherit; margin: 0; padding-bottom: 10px; text-shadow: 5px 3px 4px rgba(0, 0, 0, 0.52); } div#runo { float: left; width: 50%; } div#runo2 { float: left; width: 50%; } #runo p, #runo2 p { min-height: 175px; border: 6px solid black; padding-left: 5px; padding-right: 5px; } #runo p:hover, #runo2 p:hover { cursor: pointer; background-color: #000; } #runo p { margin-left: 20%; background-color: rgba(0, 0, 0, 0.27); font-style: italic; font-weight: bold; padding-top: 80px; padding-bottom: 80px; border-right: 3px solid black; } #runo2 p { margin-right: 20%; background-color: rgba(0, 0, 0, 0.27); font-style: italic; font-weight: bold; padding-top: 80px; padding-bottom: 80px; border-left: 3px solid black; } #runo span a, #runo2 span a { color: #FFF; font-size: 1.1rem; border: none; outline: none; font-weight: normal; } span.cursive { text-decoration: none !important; font-weight: normal; } #tulos h1 { float: left; width: 100%; text-align: center; } h1 span { text-decoration: underline; } h1 span:hover { cursor: pointer; } div#pisteet { font-size: 1.6rem; float: left; text-align: center; width: 100%; } div#social { float: left; text-align: center; width: 100%; } @media screen and (max-width: 560px) { h1 {font-size: 2.3rem;} #tulos h1 {font-size: 2.3rem;}div#runo { float: left; width: 100%; margin: 0; } #runo p { padding-top: 27px; padding-bottom: 11px; margin-bottom: 0px; margin-left: 3px; margin-right: 3px; } #runo2 p { padding-top: 27px; padding-bottom: 11px; margin-left: 3px; margin-right: 3px; } div#runo2 { float: left; width: 100%; } #runo p, #runo2 p { min-height: 120px; border: 6px solid black; padding-left: 5px; padding-right: 5px; } }