Queer European MD passionate about IT

style.css 825 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. body {
  2. font-family: 'Open Sans', sans-serif;
  3. text-align: center;
  4. }
  5. .title {
  6. font-size: 1.5em;
  7. padding: 1%;
  8. }
  9. #header {
  10. font-size: 3em;
  11. margin: 5%;
  12. padding: 5% 5% 0% 5%;
  13. }
  14. #center {
  15. margin: 3%;
  16. padding: 3%;
  17. }
  18. #links {
  19. margin-top: 10%;
  20. padding: 3%;
  21. }
  22. ul {
  23. margin: 2%;
  24. padding-left: 0;
  25. }
  26. li {
  27. margin: 2%;
  28. }
  29. li::first-letter {
  30. color: #444444;
  31. }
  32. a:link, a:visited, a:active {
  33. color: green;
  34. }
  35. a:hover {
  36. color: darkslategray;
  37. }
  38. #github-icon {
  39. width: 20px;
  40. height: 20px;
  41. vertical-align: text-top;
  42. }
  43. .mono {
  44. font-family: 'Inconsolata', monospace;
  45. }
  46. .blink_text {
  47. opacity: 0;
  48. animation: 1s blinker ease-in-out 10;
  49. }
  50. @keyframes blinker {
  51. 0% { opacity: 0.0; }
  52. 50% { opacity: 1.0; }
  53. 100% { opacity: 0.0; }
  54. }
  55. .grow {
  56. transition: all .2s ease-in-out;
  57. }
  58. .grow:hover {
  59. transform: scale(1.1);
  60. }