diff --git a/rauhala.info/css/index.css b/rauhala.info/css/index.css index bec0e62..d16afef 100644 --- a/rauhala.info/css/index.css +++ b/rauhala.info/css/index.css @@ -566,11 +566,21 @@ video { inset: 0px; } +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; +} + .mx-auto { margin-left: auto; margin-right: auto; } +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + .mb-10 { margin-bottom: 2.5rem; } @@ -599,6 +609,18 @@ video { display: none; } +.h-screen { + height: 100vh; +} + +.w-1\/3 { + width: 33.333333%; +} + +.w-full { + width: 100%; +} + .max-w-2xl { max-width: 42rem; } @@ -665,8 +687,8 @@ video { border-radius: 0.25rem; } -.border { - border-width: 1px; +.rounded-full { + border-radius: 9999px; } .border-b { @@ -682,11 +704,21 @@ video { border-color: rgb(229 231 235 / var(--tw-border-opacity)); } +.bg-gray-500 { + --tw-bg-opacity: 1; + background-color: rgb(107 114 128 / var(--tw-bg-opacity)); +} + .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } +.bg-sky-200 { + --tw-bg-opacity: 1; + background-color: rgb(186 230 253 / var(--tw-bg-opacity)); +} + .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -696,9 +728,8 @@ video { padding: 0.5rem; } -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; +.p-1 { + padding: 0.25rem; } .px-6 { @@ -711,12 +742,18 @@ video { padding-bottom: 6rem; } -.pt-10 { - padding-top: 2.5rem; +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } -.pt-2 { +.py-2 { padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.pt-10 { + padding-top: 2.5rem; } .text-2xl { @@ -729,11 +766,29 @@ video { line-height: 1.75rem; } +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + .text-xs { font-size: 0.75rem; line-height: 1rem; } +.font-bold { + font-weight: 700; +} + +.font-medium { + font-weight: 500; +} + .font-semibold { font-weight: 600; } @@ -742,6 +797,11 @@ video { line-height: 1.5rem; } +.text-gray-200 { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); @@ -757,6 +817,11 @@ video { color: rgb(17 24 39 / var(--tw-text-opacity)); } +.drop-shadow { + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .first\:border-none:first-child { border-style: none; } diff --git a/rauhala.info/profile.html b/rauhala.info/profile.html new file mode 100644 index 0000000..1444502 --- /dev/null +++ b/rauhala.info/profile.html @@ -0,0 +1,42 @@ +
A software developer from southern Finland
+