| 1 | body, html {
|
| 2 | margin: 0;
|
| 3 | background: gray;
|
| 4 | height: 100%;
|
| 5 | text-align: center;
|
| 6 | color: #fff;
|
| 7 | }
|
| 8 | ::selection {background: rgba(0,0,0,0.3);}
|
| 9 |
|
| 10 | img {
|
| 11 | display: inline;
|
| 12 | float: left;
|
| 13 | width: 20%;
|
| 14 | padding: 2%;
|
| 15 | }
|
| 16 |
|
| 17 | h1 {
|
| 18 | display: inline;
|
| 19 | float: right;
|
| 20 | width:80%;
|
| 21 | font-size: 3em;
|
| 22 | text-shadow: 0.02em 0.05em red;
|
| 23 | top: 0; right: 0; bottom: 0; left: 0;
|
| 24 | }
|
| 25 | @media (max-width: 500px) {
|
| 26 | h1 {font-size:2em}
|
| 27 | }
|
| 28 |
|