Queer European MD passionate about IT

style.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. body {
  2. font-family: 'Muli', sans-serif;
  3. text-align: center;
  4. background: linear-gradient(184deg, black 0%, black 260px, transparent 260px);
  5. background-repeat: no-repeat;
  6. }
  7. #header {
  8. font-size: 3em;
  9. padding-top: 80px;
  10. padding-bottom: 100px;
  11. color: white;
  12. }
  13. #projects {
  14. width: 90%;
  15. margin: 4% auto;
  16. }
  17. .title {
  18. font-size: 1.5em;
  19. margin: 2% auto;
  20. }
  21. ul {
  22. margin: 2% auto;
  23. padding-left: 0px;
  24. list-style: none;
  25. }
  26. li {
  27. margin: 10px auto;
  28. }
  29. #links {
  30. width: 90%;
  31. margin: 2% auto;
  32. margin-top: 15%;
  33. }
  34. li::first-letter {
  35. color: #444444;
  36. }
  37. a:link, a:visited, a:active {
  38. color: green;
  39. }
  40. a:hover {
  41. color: darkslategray;
  42. }
  43. #github-icon {
  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. }