Queer European MD passionate about IT

style.css 1010 B

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