aboutsummaryrefslogtreecommitdiff
path: root/src/app.css
diff options
context:
space:
mode:
authorStanisław Zagórowski <hasohasacz@gmail.com>2023-08-30 18:00:11 +0200
committerStanisław Zagórowski <hasohasacz@gmail.com>2023-08-30 18:00:11 +0200
commitb7c37574f4f90fc346bc51dd06c77c8958570b33 (patch)
tree72895a18a8d72ecd35bf9b71030d6bf40ae34167 /src/app.css
parentb661407d801c8ccaa7773ae30f0fc26a1d70ffff (diff)
all: move front into its own directory
Diffstat (limited to 'src/app.css')
-rw-r--r--src/app.css120
1 files changed, 0 insertions, 120 deletions
diff --git a/src/app.css b/src/app.css
deleted file mode 100644
index b4086a2..0000000
--- a/src/app.css
+++ /dev/null
@@ -1,120 +0,0 @@
-#app-main {
- font-family: 'Hack', monospace;
- max-width: 1280px;
- margin: 0 auto;
- padding: 2rem 2rem 2rem 2rem;
- text-align: center;
-}
-
-#app {
- margin: 0 auto;
- text-align: center;
- align-content: center;
- justify-content: center;
-}
-
-.logo {
- height: 6em;
- padding: 1.5em;
-}
-.logo:hover {
- filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.preact:hover {
- filter: drop-shadow(0 0 2em #673ab8aa);
-}
-
-.main-info {
- text-align: center;
-}
-
-@media (min-width: 1150px) {
- .main-info {
- margin-top: 72px;
- }
-}
-
-.main-info-image {
- width: 128px;
- height: 128px;
- border-radius: 100%;
- margin: 6px 6px 6px 6px;
-}
-
-.main-info-title {
- font-size: 42pt;
-}
-
-.main-info-subtitle {
- font-size: 26pt;
- font-style: italic;
- color: #5c6370;
-}
-
-.quiet {
- color: var(--color-gray);
- font-style: italic;
-}
-
-.section {
- font-size: 22pt;
-}
-
-.highlight {
- color: #e5c07b;
-}
-
-@media (max-width: 480px) {
- .main-info-title {
- font-size: 32pt;
- }
-
- .main-info-subtitle {
- font-size: 18pt;
- }
-}
-
-@media (max-width: 1150px) and (min-width: 480px) {
- .main-info-title {
- font-size: 42pt;
- }
-
- .main-info-subtitle {
- font-size: 26pt;
- }
-}
-
-@media (min-width: 1150px) {
- .main-info-title {
- font-size: 42pt;
- }
-
- .main-info-subtitle {
- font-size: 26pt;
- }
-}
-
-
-@media (max-width: 480px) {
- .about-paragraph {
- margin: auto;
- font-size: 16pt;
- max-width: 90%;
- }
-}
-
-@media (max-width: 1150px) and (min-width: 480px) {
- .about-paragraph {
- margin: auto;
- font-size: 18pt;
- max-width: 80%;
- }
-}
-
-@media (min-width: 1150px) {
- .about-paragraph {
- margin: auto;
- font-size: 18pt;
- max-width: 60%;
- }
-}