home.css 665 B

12345678910111213141516171819202122232425262728293031323334353637
  1. body {
  2. min-width: 500px;
  3. min-height: 200px;
  4. }
  5. #photo {
  6. position: absolute;
  7. left: 0px; bottom: 0px;
  8. }
  9. #page {
  10. text-align: center;
  11. height: 180px;
  12. min-width: 500px;
  13. position: relative;
  14. top: 40%; margin-top: -90px;
  15. }
  16. #page h1 { font-size: 80px; }
  17. #page h2 { font-size: 30px; }
  18. #page nav { font-size: 20px; }
  19. #page nav a, #page nav span {
  20. display: inline-block;
  21. padding: 5px;
  22. /*width: 140px;*/
  23. }
  24. #page nav a:hover { background-color: #dedede; }
  25. @media only all and (min-height: 400px /* 240+10% */) and (min-width: 650px) /* 506 + width */ {
  26. body {
  27. background: url('/images/yann-bertrand.webp') no-repeat bottom left;
  28. background-size: 18%;
  29. }
  30. }